881 lines
24 KiB
HTML
881 lines
24 KiB
HTML
<#def title = "静态对象"/>
|
||
<#def keyword = "ZhiqimUI"/>
|
||
<#def desc = "静态对象是把一系列常用的对象定义成静态属性和函数。目前包括有浏览器对象（Z.B）、文档对象（Z.D）、"/>
|
||
<#def prevUrl = "js.htm"/>
|
||
<#def nextUrl = "util.htm"/>
|
||
${zhiqim_com_head()}
|
||
${zhiqim_com_head_main()}
|
||
${zhiqim_com_head_end()}
|
||
|
||
${zhiqim_com_mobileUI_scrollJs()}
|
||
${zhiqim_com_body()}
|
||
${zhiqim_com_topnav("ui")}
|
||
|
||
<!--容器开始 -->
|
||
<div id="container" class="container">
|
||
|
||
${zhiqim_com_container_ui("ZmUI", "js", "static")}
|
||
|
||
<!--主体-->
|
||
<div id="mainbody" class="mainbody">
|
||
|
||
${zhiqim_com_breadcrumb("UI", "ZmUI", "全局JS定义", "静态对象")}
|
||
|
||
<!-- content开始 -->
|
||
<div id="mobileUI_content" class="content">
|
||
|
||
<!-- 左侧详情 -->
|
||
<div class="mobileUI-left">
|
||
|
||
<#-- 标题 -->
|
||
<div class="z-relative-left z-w100p z-pd16 z-bg-blue z-px18 z-lh200p z-bold" style="border-left:5px solid #4bacc6">
|
||
<p class="z-text-blue">静态对象：</p>
|
||
<p class="z-color-333" style="text-indent:38px;">
|
||
静态对象是把一系列常用的对象定义成静态属性和函数。目前包括有浏览器对象（Z.B）、文档对象（Z.D）、
|
||
事件对象（Z.E）、元素对象（Z.EL）、HTML对象（Z.H）、地址对象（Z.L）、COOKIE对象（Z.CK）。
|
||
</p>
|
||
</div>
|
||
|
||
<#-- 浏览器对象（Z.B） -->
|
||
<div class="tutorial title">浏览器对象（Z.B/Z.Browser）</div>
|
||
|
||
<table class="z-table z-bordered z-pd10 z-lh200p">
|
||
<tr bgcolor="#f5f5f5">
|
||
<td width="28%">属性/函数</td>
|
||
<td width="33%">值范围</td>
|
||
<td width="*">说明</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.B.win64</td>
|
||
<td class="z-samp">true/false</td>
|
||
<td>是否是64位系统</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.B.mobile</td>
|
||
<td class="z-samp">true/false</td>
|
||
<td>是否是移动端</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.B.firefox</td>
|
||
<td class="z-samp">true/false</td>
|
||
<td>是否是firefox浏览器</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.B.webkit</td>
|
||
<td class="z-samp">true/false</td>
|
||
<td>是否是webkit浏览器</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.B.safari</td>
|
||
<td class="z-samp">true/false</td>
|
||
<td>是否是safari浏览器</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.B.chrome</td>
|
||
<td class="z-samp">true/false</td>
|
||
<td>是否是chrome浏览器</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.B.opera</td>
|
||
<td class="z-samp">true/false</td>
|
||
<td>是否是opera浏览器</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.B.msie</td>
|
||
<td class="z-samp">true/false</td>
|
||
<td>是否是msie浏览器（含trident）</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.B.msieOnly</td>
|
||
<td class="z-samp">true/false</td>
|
||
<td>是否是msie浏览器（不含trident）</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.B.msie11</td>
|
||
<td class="z-samp">true/false</td>
|
||
<td>是否是msie11浏览器</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.B.msie10</td>
|
||
<td class="z-samp">true/false</td>
|
||
<td>是否是msie10浏览器</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.B.msie9</td>
|
||
<td class="z-samp">true/false</td>
|
||
<td>是否是msie9浏览器</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.B.msie8</td>
|
||
<td class="z-samp">true/false</td>
|
||
<td>是否是msie8浏览器</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.B.msie7</td>
|
||
<td class="z-samp">true/false</td>
|
||
<td>是否是msie7浏览器</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.B.msie6</td>
|
||
<td class="z-samp">true/false</td>
|
||
<td>是否是msie6浏览器</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.B.msieVer</td>
|
||
<td class="z-samp">6,7,8,9,10,11,12,100</td>
|
||
<td>IE版本号，100表示不是IE</td>
|
||
</tr>
|
||
</table>
|
||
|
||
<#-- 文档对象 -->
|
||
<div class="tutorial title">文档对象（Z.D/Z.Document）</div>
|
||
|
||
<table class="z-table z-bordered z-pd10 z-lh200p">
|
||
<tr bgcolor="#f5f5f5">
|
||
<td width="28%">函数</td>
|
||
<td width="33%">说明</td>
|
||
<td width="10%">参数</td>
|
||
<td width="*">参数说明</td>
|
||
</tr>
|
||
<tr>
|
||
<td rowspan="2" class="z-samp">Z.D.id(id, doc)</td>
|
||
<td rowspan="2">通过ID获取元素<br>document.getElementById(id);</td>
|
||
<td class="z-samp">id</td>
|
||
<td>元素id编码</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">doc</td>
|
||
<td>所在的文档对象，未传入取当前document</td>
|
||
</tr>
|
||
<tr>
|
||
<td rowspan="2" class="z-samp">Z.D.has(id, doc)</td>
|
||
<td rowspan="2">通过ID获取元素判断是否存在<br>document.getElementById(id)!=null;</td>
|
||
<td class="z-samp">id</td>
|
||
<td>元素id编码</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">doc</td>
|
||
<td>所在的文档对象，未传入取当前document</td>
|
||
</tr>
|
||
<tr>
|
||
<td rowspan="2" class="z-samp">Z.D.create(tag, doc)</td>
|
||
<td rowspan="2">通过tag创建元素<br>document.createElement(tag);</td>
|
||
<td class="z-samp">tag</td>
|
||
<td>元素标签，如div</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">doc</td>
|
||
<td>所在的文档对象，未传入取当前document</td>
|
||
</tr>
|
||
<tr>
|
||
<td rowspan="2" class="z-samp">Z.D.tagNames(name, doc)</td>
|
||
<td rowspan="2">获取指定标记名称的对象列表<br>document.getElementsByTagName(name);</td>
|
||
<td class="z-samp">name</td>
|
||
<td>名称</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">doc</td>
|
||
<td>所在的文档对象，未传入取当前document</td>
|
||
</tr>
|
||
<tr>
|
||
<td rowspan="2" class="z-samp">Z.D.names(name, doc)</td>
|
||
<td rowspan="2">获取指定名称的对象列表<br>document.getElementsByName(name);</td>
|
||
<td class="z-samp">name </td>
|
||
<td>指定名称</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">doc</td>
|
||
<td>所在的文档对象，未传入取当前document</td>
|
||
</tr>
|
||
<tr>
|
||
<td rowspan="2" class="z-samp">Z.D.classNames(name, doc)</td>
|
||
<td rowspan="2">获取指定类名的对象列表<br>document.getElementsByClassName(name);</td>
|
||
<td class="z-samp">name</td>
|
||
<td>指定类名 </td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">doc</td>
|
||
<td>所在的文档对象，未传入取当前document</td>
|
||
</tr>
|
||
<tr>
|
||
<td rowspan="3" class="z-samp">Z.D.attrs(name, value, doc)</td>
|
||
<td rowspan="3">获取指定属性名和属性值相等的对象列表</td>
|
||
<td class="z-samp">name</td>
|
||
<td>指定属性名 </td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">value</td>
|
||
<td>指定属性值</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">doc</td>
|
||
<td>所在的文档对象，未传入取当前document</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.D.scrollTop(doc)</td>
|
||
<td>窗口垂直滚动条上偏移值</td>
|
||
<td class="z-samp">doc</td>
|
||
<td>指定的文档对象</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.D.scrollLeft(doc)</td>
|
||
<td>窗口水平滚动条左偏移值 </td>
|
||
<td class="z-samp">doc</td>
|
||
<td>所在的文档对象，未传入取当前document</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.D.scrollWidth(doc)</td>
|
||
<td>可滚动展示宽度 </td>
|
||
<td class="z-samp">doc</td>
|
||
<td>所在的文档对象，未传入取当前document</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.D.scrollHeight(doc)</td>
|
||
<td>可滚动展示高度 </td>
|
||
<td class="z-samp">doc</td>
|
||
<td>所在的文档对象，未传入取当前document</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.D.clientWidth(doc)</td>
|
||
<td>窗口可视宽度（看得见的宽度）</td>
|
||
<td class="z-samp">doc</td>
|
||
<td>所在的文档对象，未传入取当前document</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.D.clientHeight(doc)</td>
|
||
<td>窗口可视高度（看得见的高度）</td>
|
||
<td class="z-samp">doc</td>
|
||
<td>所在的文档对象，未传入取当前document</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.D.offsetWidth(doc)</td>
|
||
<td>可操作宽度（由元素决定，和窗口无关）</td>
|
||
<td class="z-samp">doc</td>
|
||
<td>所在的文档对象，未传入取当前document</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.D.offsetHeight(doc)</td>
|
||
<td>可操作高度（由元素决定，和窗口无关）</td>
|
||
<td class="z-samp">doc</td>
|
||
<td>所在的文档对象，未传入取当前document</td>
|
||
</tr>
|
||
</table>
|
||
|
||
<#-- 事件对象 -->
|
||
<div class="tutorial title">事件对象（Z.E/Z.Event）</div>
|
||
|
||
<table class="z-table z-bordered z-pd10 z-lh200p">
|
||
<tr bgcolor="#f5f5f5">
|
||
<td width="28%">函数</td>
|
||
<td width="33%">说明</td>
|
||
<td width="10%">参数</td>
|
||
<td width="*">参数说明</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.E.KEY</td>
|
||
<td colspan="2">{
|
||
ESC: 27,
|
||
LEFT: 37, UP: 38, RIGHT: 39, DOWN: 40, DELETE: 46
|
||
}</td>
|
||
<td>事件键值属性</td>
|
||
</tr>
|
||
<tr>
|
||
<td rowspan="4" class="z-samp">Z.E.add(target, name, listener, $this)</td>
|
||
<td rowspan="4">增加事件</td>
|
||
<td class="z-samp">target</td>
|
||
<td>目标地址</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">name</td>
|
||
<td>事件名称</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">listener</td>
|
||
<td>事件侦听器</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">$this</td>
|
||
<td>事件侦听器对应的this指针</td>
|
||
</tr>
|
||
<tr>
|
||
<td rowspan="4" class="z-samp">Z.E.remove(target, name, listener, $this)</td>
|
||
<td rowspan="4">移除事件</td>
|
||
<td class="z-samp">target</td>
|
||
<td>目标地址</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">name</td>
|
||
<td>事件名称</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">listener</td>
|
||
<td>事件侦听器</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">$this</td>
|
||
<td>事件侦听器对应的this指针</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.E.event(e)</td>
|
||
<td>对事件对象作适配，IE取window.event</td>
|
||
<td class="z-samp">e</td>
|
||
<td>事件对象</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.E.key(e)</td>
|
||
<td>产生事件的键值</td>
|
||
<td class="z-samp">e</td>
|
||
<td>事件对象</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.E.target(e)</td>
|
||
<td>产生事件的目标对象</td>
|
||
<td class="z-samp">e</td>
|
||
<td>事件对象</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.E.current(e)</td>
|
||
<td>产生事件的当前目标对象</td>
|
||
<td class="z-samp">e</td>
|
||
<td>事件对象</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.E.cancel(e)</td>
|
||
<td>取消缺省事件</td>
|
||
<td class="z-samp">e</td>
|
||
<td>事件对象</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.E.stop(e)</td>
|
||
<td>停止冒泡</td>
|
||
<td class="z-samp">e</td>
|
||
<td>事件对象</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.E.forbidden(e)</td>
|
||
<td>停止冒泡和取消缺省事件 </td>
|
||
<td class="z-samp">e</td>
|
||
<td>事件对象</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.E.clientX(e)</td>
|
||
<td>点击位置相对于浏览器的X坐标</td>
|
||
<td class="z-samp">e</td>
|
||
<td>事件对象</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.E.clientY(e)</td>
|
||
<td>点击位置相对于浏览器的Y坐标</td>
|
||
<td class="z-samp">e</td>
|
||
<td>事件对象</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.E.screenX(e)</td>
|
||
<td>点击位置相对于屏幕的X坐标</td>
|
||
<td class="z-samp">e</td>
|
||
<td>事件对象</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.E.screenY(e)</td>
|
||
<td>点击位置相对于屏幕的Y坐标 </td>
|
||
<td class="z-samp">e</td>
|
||
<td>事件对象</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.E.wheelDelta()</td>
|
||
<td>滚轮增量</td>
|
||
<td class="z-samp">e</td>
|
||
<td>事件对象</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.E.isCtrl(e)</td>
|
||
<td>是否按住了Ctrl键</td>
|
||
<td class="z-samp">e</td>
|
||
<td>事件对象</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.E.isEsc(e)</td>
|
||
<td>是否退出键</td>
|
||
<td class="z-samp">e</td>
|
||
<td>事件对象</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.E.isBackspace(e)</td>
|
||
<td>是否退格键</td>
|
||
<td>e</td>
|
||
<td>事件对象</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.E.isEnter(e)</td>
|
||
<td>是否回车键</td>
|
||
<td>e</td>
|
||
<td>事件对象</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.E.isCtrlC(e)</td>
|
||
<td>是否复制</td>
|
||
<td>e</td>
|
||
<td>事件对象</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.E.isCtrlV(e)</td>
|
||
<td>是否粘贴</td>
|
||
<td>e</td>
|
||
<td>事件对象</td>
|
||
</tr>
|
||
</table>
|
||
|
||
|
||
<#-- 元素对象 -->
|
||
<div class="tutorial title">元素对象（Z.EL/Z.Element）</div>
|
||
|
||
<table class="z-table z-bordered z-pd10 z-lh200p">
|
||
<tr bgcolor="#f5f5f5">
|
||
<td width="28%">函数</td>
|
||
<td width="33%">说明</td>
|
||
<td width="10%">参数</td>
|
||
<td width="*">参数说明</td>
|
||
</tr>
|
||
<tr>
|
||
<td rowspan="2" class="z-samp">Z.EL.has(elem, name)</td>
|
||
<td rowspan="2">是否有属性 </td>
|
||
<td class="z-samp">elem</td>
|
||
<td>元素</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">name</td>
|
||
<td>属性名称</td>
|
||
</tr>
|
||
<tr>
|
||
<td rowspan="2" class="z-samp">Z.EL.get(elem, name)</td>
|
||
<td rowspan="2">获取属性值</td>
|
||
<td class="z-samp">elem</td>
|
||
<td>元素</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">name</td>
|
||
<td>属性名称</td>
|
||
</tr>
|
||
<tr>
|
||
<td rowspan="3" class="z-samp">Z.EL.set(elem, name, value)</td>
|
||
<td rowspan="3">设置属性值 </td>
|
||
<td class="z-samp">elem</td>
|
||
<td>元素</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">name</td>
|
||
<td>属性名称</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">value</td>
|
||
<td>需要传入的值</td>
|
||
</tr>
|
||
<tr>
|
||
<td rowspan="3" class="z-samp">Z.EL.equals(elem, name, value)</td>
|
||
<td rowspan="3">判断属性值是否等于指定值 </td>
|
||
<td class="z-samp">elem</td>
|
||
<td>元素</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">name</td>
|
||
<td>属性名称</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">value</td>
|
||
<td>传入的值</td>
|
||
</tr>
|
||
<tr>
|
||
<td rowspan="2" class="z-samp">Z.EL.style(elem, style)</td>
|
||
<td rowspan="2">获取或设置样式字符串</td>
|
||
<td class="z-samp">elem</td>
|
||
<td>元素</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">style</td>
|
||
<td>未传值表示获取样式，传值表示设置样式</td>
|
||
</tr>
|
||
<tr>
|
||
<td rowspan="3" class="z-samp">Z.EL.css(elem, name, value)</td>
|
||
<td rowspan="3">获取或设置一个样式</td>
|
||
<td class="z-samp">elem</td>
|
||
<td>元素</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">name</td>
|
||
<td>样式名称</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">value</td>
|
||
<td>未传值表示获取样式，传值表示设置样式</td>
|
||
</tr>
|
||
<tr>
|
||
<td rowspan="2" class="z-samp">Z.EL.cssNum(elem, name)</td>
|
||
<td rowspan="2">获取样式数值型的值</td>
|
||
<td class="z-samp">elem</td>
|
||
<td>元素</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">name</td>
|
||
<td>样式名称</td>
|
||
</tr>
|
||
<tr>
|
||
<td rowspan="2" class="z-samp">Z.EL.opacity(elem, value)</td>
|
||
<td rowspan="2">获取和设置透明度值0-1之间</td>
|
||
<td class="z-samp">elem</td>
|
||
<td>元素</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">value</td>
|
||
<td>未传值表示获取，传值表示设置</td>
|
||
</tr>
|
||
<tr>
|
||
<td rowspan="2" class="z-samp">Z.EL.className(elem)</td>
|
||
<td rowspan="2">获取类样式名称值</td>
|
||
<td class="z-samp">elem</td>
|
||
<td>元素</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">className</td>
|
||
<td>类样式名称</td>
|
||
</tr>
|
||
<tr>
|
||
<td rowspan="2" class="z-samp">Z.EL.addClass(elem, className)</td>
|
||
<td rowspan="2">增加类样式</td>
|
||
<td class="z-samp">elem</td>
|
||
<td>元素</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">className</td>
|
||
<td>类样式名称</td>
|
||
</tr>
|
||
<tr>
|
||
<td rowspan="2" class="z-samp">Z.EL.removeClass(elem, className)</td>
|
||
<td rowspan="2">删除类样式</td>
|
||
<td class="z-samp">elem</td>
|
||
<td>元素</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">className</td>
|
||
<td>类样式名称</td>
|
||
</tr>
|
||
<tr>
|
||
<td rowspan="2" class="z-samp">Z.EL.hasClass(elem, className)</td>
|
||
<td rowspan="2">判断是否有类样式</td>
|
||
<td class="z-samp">elem</td>
|
||
<td>元素</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">className</td>
|
||
<td>类样式名称</td>
|
||
</tr>
|
||
<tr>
|
||
<td rowspan="2" class="z-samp">Z.EL.toggleClass(elem, className)</td>
|
||
<td rowspan="2">切换类样式，没有则加入，有则删除</td>
|
||
<td class="z-samp">elem</td>
|
||
<td>元素</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">className</td>
|
||
<td>类样式名称</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.EL.select(elem)</td>
|
||
<td>选中对象文本</td>
|
||
<td class="z-samp">elem</td>
|
||
<td>元素</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.EL.selection(elem)</td>
|
||
<td>选中对象的文本内容</td>
|
||
<td class="z-samp">elem</td>
|
||
<td>元素</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.EL.focus(elem)</td>
|
||
<td>设置元素获取焦点</td>
|
||
<td class="z-samp">elem</td>
|
||
<td>元素</td>
|
||
</tr>
|
||
<tr>
|
||
<td rowspan="2" class="z-samp">Z.EL.focusEnd(elem, len)</td>
|
||
<td rowspan="2">设置元素获取焦点，并把光标定位到结尾</td>
|
||
<td class="z-samp">elem</td>
|
||
<td>元素</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">len</td>
|
||
<td>长度</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.EL.parent(elem)</td>
|
||
<td>获取元素父元素</td>
|
||
<td class="z-samp">elem</td>
|
||
<td>元素</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.EL.parentIndex(elem)</td>
|
||
<td>获取元素在父元素的索引号</td>
|
||
<td class="z-samp">elem</td>
|
||
<td>元素</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.EL.childs(elem)</td>
|
||
<td>获取元素子节点列表<br>elem.childNodes</td>
|
||
<td class="z-samp">elem</td>
|
||
<td>元素</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.EL.children(elem)</td>
|
||
<td>获取元素子元素列表<br>elem.children</td>
|
||
<td class="z-samp">elem</td>
|
||
<td>元素</td>
|
||
</tr>
|
||
<tr>
|
||
<td rowspan="2" class="z-samp">Z.EL.html(elem, value)</td>
|
||
<td rowspan="2">获取和设置HTML代码</td>
|
||
<td class="z-samp">elem</td>
|
||
<td>元素</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">value</td>
|
||
<td>未传值表示获取，传值表示设置</td>
|
||
</tr>
|
||
<tr>
|
||
<td rowspan="2" class="z-samp">Z.EL.text(elem, value)</td>
|
||
<td rowspan="2">获取或设置元素文本</td>
|
||
<td class="z-samp">elem</td>
|
||
<td>元素</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">value</td>
|
||
<td>未传值表示获取，传值表示设置</td>
|
||
</tr>
|
||
<tr>
|
||
<td rowspan="2" class="z-samp">Z.EL.append(elem, child)</td>
|
||
<td rowspan="2">增加子元素</td>
|
||
<td class="z-samp">elem</td>
|
||
<td>本元素</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">child</td>
|
||
<td>子元素</td>
|
||
</tr>
|
||
<tr>
|
||
<td rowspan="2" class="z-samp">Z.EL.remove(elem, name)</td>
|
||
<td rowspan="2">删除元素或删除属性</td>
|
||
<td class="z-samp">elem</td>
|
||
<td>元素</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">name</td>
|
||
<td>未传值表示删除元素，传值表示删除元素的属性</td>
|
||
</tr>
|
||
<tr>
|
||
<td rowspan="2" class="z-samp">Z.EL.replace(elem, newElem)</td>
|
||
<td rowspan="2">替代元素</td>
|
||
<td class="z-samp">elem</td>
|
||
<td>原元素</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">newElem</td>
|
||
<td>新元素</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.EL.offsetLeft(elem)</td>
|
||
<td>获取相对于父对象的左偏移</td>
|
||
<td class="z-samp">elem</td>
|
||
<td>元素</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.EL.offsetTop(elem)</td>
|
||
<td>获取相对于父对象的上偏移 </td>
|
||
<td class="z-samp">elem</td>
|
||
<td>元素</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.EL.offsetLeftBody(elem)</td>
|
||
<td>获取相对body的左偏移（绝对左偏移）</td>
|
||
<td class="z-samp">elem</td>
|
||
<td>元素</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.EL.offsetTopBody(elem)</td>
|
||
<td>获取相对body的上偏移（绝对上偏移）</td>
|
||
<td class="z-samp">elem</td>
|
||
<td>元素</td>
|
||
</tr>
|
||
</table>
|
||
|
||
<#-- HTML对象 -->
|
||
<div class="tutorial title">HTML对象（Z.H/Z.Html）</div>
|
||
|
||
<table class="z-table z-bordered z-pd10 z-lh200p">
|
||
<tr bgcolor="#f5f5f5">
|
||
<td width="33%">函数</td>
|
||
<td width="28%">说明</td>
|
||
<td width="10%">参数</td>
|
||
<td width="*">参数说明</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.H.createElement(html)</td>
|
||
<td >通过HTML文本创建元素列表</td>
|
||
<td class="z-samp">html</td>
|
||
<td>HTML文本</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.H.displayDefault(tag)</td>
|
||
<td>获取HTML标签缺省的display值</>
|
||
<td class="z-samp">tag</td>
|
||
<td>HTML标签名</td>
|
||
</tr>
|
||
</table>
|
||
|
||
<#-- 地址对象 -->
|
||
<div class="tutorial title">地址对象（Z.L/Z.Location）</div>
|
||
|
||
<table class="z-table z-bordered z-pd10 z-lh200p">
|
||
<tr bgcolor="#f5f5f5">
|
||
<td width="33%">函数</td>
|
||
<td width="28%">说明</td>
|
||
<td width="10%">参数</td>
|
||
<td width="*">参数说明</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">Z.L.reload(target)</td>
|
||
<td>刷新</td>
|
||
<td class="z-samp">target</td>
|
||
<td>目标对象，为空表示当前window</td>
|
||
</tr>
|
||
<tr>
|
||
<td rowspan="2" class="z-samp">Z.L.access(url, target)</td>
|
||
<td rowspan="2">访问URL</td>
|
||
<td class="z-samp">url</td>
|
||
<td>URL地址</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">target</td>
|
||
<td>目标对象，为空表示当前window</td>
|
||
</tr>
|
||
<tr>
|
||
<td rowspan="4" class="z-samp">Z.L.check(url, name, form, target)</td>
|
||
<td rowspan="4">带检测访问URL</td>
|
||
<td class="z-samp">url</td>
|
||
<td>URL地址</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">name</td>
|
||
<td>单选框或多选框名称</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">form</td>
|
||
<td>指定表单内的单选或多选框</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">target</td>
|
||
<td>目标对象</td>
|
||
</tr>
|
||
<tr>
|
||
<td rowspan="5" class="z-samp">Z.L.confirm(url, message, name, form, target)</td>
|
||
<td rowspan="5">带询问访问URL<br>
|
||
<td class="z-samp">url</td>
|
||
<td>URL地址</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">message</td>
|
||
<td>询问的显示信息</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">name</td>
|
||
<td>单选框或多选框名称</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">form</td>
|
||
<td>确认的形式</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">target</td>
|
||
<td>目标对象</td>
|
||
</tr>
|
||
<tr>
|
||
<td rowspan="2" class="z-samp">Z.L.href(param, param2)</td>
|
||
<td rowspan="2">含对象参数的访问URL<br>
|
||
<td class="z-samp">param</td>
|
||
<td>参数1：<br>字符串时表示URL，功能同access函数<br>对象时取值{url:url,target:target,name:name,form:form,message:message}，相应地判断是check|confirm方法</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="z-samp">param2</td>
|
||
<td>参数2：<br>传值时为target，优先于参数1中对象target</td>
|
||
</tr>
|
||
</table>
|
||
|
||
<#-- COOKIE对象 -->
|
||
<div class="tutorial title">COOKIE对象（Z.CK/Z.Cookie）</div>
|
||
|
||
<table class="z-table z-bordered z-pd10 z-lh200p">
|
||
<tr bgcolor="#f5f5f5">
|
||
<td width="33%">函数</td>
|
||
<td width="28%">说明</td>
|
||
<td width="10%">参数</td>
|
||
<td width="*">参数说明</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Z.Cookie.all()</td>
|
||
<td colspan="3">设置或返回当前文档有关的所有Cookie，等同document.cookie</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Z.Cookie.add(cookie)</td>
|
||
<td>添加Cookie</td>
|
||
<td>cookie</td>
|
||
<td>
|
||
Cookie对象：<br>
|
||
name：Cookie名称，value：Cookie值<br>
|
||
expires：Cookie到期时长，单位秒，未传值表示随浏览器关闭失效<br>
|
||
path：Cookie有效路径，建议/结尾<br>
|
||
domain：Cookie有效域名<br>
|
||
secure：安全标识true|false，HTTPS时有效<br><br>
|
||
如：{name:"test", value:"value", expires=3600, path="/", domain="127.0.0.1", secure:false}
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Z.Cookie.remove(name)</td>
|
||
<td>删除Cookie</td>
|
||
<td>name</td>
|
||
<td>Cookie名称</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Z.Cookie.get(name)</td>
|
||
<td>获取Cookie</td>
|
||
<td>name</td>
|
||
<td>Cookie名称</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
|
||
<!-- 右侧demo ZmUI代码 -->
|
||
${zhiqim_turorial_ZmUI_demo_start()}
|
||
<div class="z-bar-top">
|
||
<a href="#" class="z-left"><i class="z-font z-rem18 z-arrowhead-left"></i></a>
|
||
<div class="z-title">ZhiqimUI.mobile</div>
|
||
</div>
|
||
<div class="z-bar-bottom">
|
||
<a href="#" class="z-direction-column z-active"><i class="z-font z-apps"></i><span class="z-mg-t3">文案</span></a>
|
||
<a href="#" class="z-direction-column"><i class="z-font z-apps"></i><span class="z-mg-t3">文案</span></a>
|
||
<a href="#" class="z-direction-column"><i class="z-font z-apps"></i><span class="z-mg-t3">文案</span></a>
|
||
<a href="#" class="z-direction-column"><i class="z-font z-apps"></i><span class="z-mg-t3">文案</span></a>
|
||
</div>
|
||
<div class="z-container">
|
||
<div class="z-flexBox-list z-h100p"><div class="z-rem30 z-text-center">这里是内容</div></div>
|
||
</div>
|
||
${zhiqim_turorial_ZmUI_demo_end()}
|
||
|
||
<!-- content结束 -->
|
||
</div>
|
||
|
||
${zhiqim_com_chapter()}
|
||
<!-- 主体结束 -->
|
||
</div>
|
||
|
||
<!-- 容器结束 -->
|
||
</div>
|
||
|
||
${zhiqim_com_footer()} |