首页
学习
工程
  • Zhiqim Framework 融合Java+HTML5的更轻量的后端程序和WEB程序框架
  • Zhiqim Kit 基于知启蒙框架的各类工具集合，如数据库、PDF等
  • Zhiqim TKSee 基于CEF开发的桌面端程序框架
  • Zhiqim Components 基于知启蒙框架，高度可重用的业务和功能组件模块
  • Zhiqim Products 知启蒙发布的产品，下载解压后可以直接运行使用
登录&注册
当前位置：  工程  >>  项目  >>  项目文件

Zhiqim UI是一套集成Javascript库、Css库、Font库、常用ico图标等，并在其上开发的大量UI组件组成的前端开发套件。

森中灵 最后提交于3月前 整理V8.0.6
返回文件列表
static.htm23KB 
<#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()}