当前位置：首页 -> 网页设计 -> HTML/CSS -> DHTML对象在脚本中的引用方法

DHTML对象在脚本中的引用方法

时间： 2021-07-31 作者：daque

DHTML对象在脚本中的引用方法跟着dhtml（dynamic html）的兴盛和运用，有很多网页安排者为了使本人的网页动起来，渐渐把javascript、vbscript等插入到本人的网页中，而存户端javascript、vbscript，重要援用和效率的是dhtml中的东西（真实的讲是：元素），而dhtml中东西，据不实足统计也有150多种，每个东西中的本领和属性加起来也有不计其数。这么多东西的本领和属性，使很多安排者感触没法发端，使很多入门者望而生畏。经过我在网页安排上少许领会，我感触咱们只须要领会常用的少许东西的本领和属性就够了，没有需要个个控制，用到了学，用不到了就暂可不学。但有一点咱们必需控制：既是咱们要操纵和运用网页中各东西，对于的网页中各东西的援用就显得尤为要害，底下我就我在网页安排上东西援用上少许领会，给大师做一大略的引见。dhtml东西在剧本的援用，分为一致援用和对立援用，运用的场所各别，各有是非，现举例证明： <html><head><title>test</title><meta name="generator" content="microsoft visual studio 6.0"><script language="vbscript" for="window" event="onload"> tgname = "" for i = 0 to document.all.length - 1 tgname = tgname & i & space(2) & document.all(i).tagname & vblf next alert tgname alert b1.children(2).tagname </script><style> .body{font-size:12px}</style></head><body><span id="a1"> <a id="b1" href="a.htm"> <p id="c1"> <img id="d1" src="http://www.okasp.com/techinfo/b.gif"> </p> <img id="e1" src="http://www.okasp.com/techinfo/c.gif"> <br> </a></span><div> <table id="f1" border="1" width="200" height="100"> <tbody id="g1"> <tr id="h1"> <td id="i1"> <input id="j1" type="checkbox">11 </td> <td id="k1"> <input id="l1" type="checkbox">12 </td> </tr> <tr id="m1"> <td id="n1"> <input name="radio1" type="radio" value="1">21 </td> <td id="o1"> <input name="radio1" type="radio" value="1">22 </td> </tr> </tbody> </table> </div><form id="p1"> <input id="q1" type="text" size="10"> <select id="r1" size="1"> <option id="s1" value="1" selected>1</option> <option id="t1" value="2">2<option> </select> <input id="u1" type="button" value="提交"></form></body></html> 一、一致援用：1、用index援用，之上代码中不妨看出，网页各东西是有确定程序的，其index（索引）值是从0发端，对应<html>标签，到document.all.length中断，对应结果一个标签<input...>。用document.all(index)或document.all[index]不妨径直援用东西（vbscript不扶助后一种）。2、用id援用，即使给元素设置了id，不妨径直援用东西，如：b1.href、c1.src、f1.width、h1.bgcolor，j1.checked之类，但提防form里的元素不许径直援用，应如许援用：p1.q1.value、p1.r1.value之类，固然东西前加上document.all.也不妨。3、用id援用，还不妨沿用这种办法：document.all("id")或document.all["id"]（vbscripti不扶助后一种），用这种办法有个便宜，括号内不妨为变量，当你考察一组一致id东西时，这一点显得尤为要害，如：document.all("a"+i)，i为变量，不妨考察：a1、a2...等东西。缺陷：东西的一致援用，比拟大略直觉，援用精确，但缺陷也很多，比方：用index援用东西，网页革新后，援用就会爆发缺点；用id援用，代码的反复运用时，得一再设置id，稍有失慎将引导爆发缺点。所以咱们有需要进修对立援用。二、对立援用：1、对立援用可灵验的运用javascript中this东西，在this东西的父东西和子东西中援用东西。从之上的代码，咱们不妨局面的看出东西的档次联系，对应于父东西和子东西联系。也不妨只设置一个重要的id，其它东西经过爷儿俩联系推导出。2、在dhtml中，window东西的级别最高，咱们html页属于它的一个子东西document，而页中的各元素又全在：document.all汇合下...咱们就不妨经过这一层层的联系进取、向下找到咱们须要的东西，父东西是：.parentelement；如：d1.parentelement指的是东西c1；子东西汇合：.children，不妨经过：.children(index)找到相映东西；.firstchild，第一个子东西，.lastchild结果一个子东西，如：b1.children(2)指的是东西e1；h1.firstchild.lastchild指的是东西l1，之上的东西都不妨反复运用。缺陷：东西的对立援用，固然不妨简化代码，但安排者必需很领会的领会各东西的档次联系，否则就会堕落，东西的档次因网页革新爆发变革时，援用会堕落。三、援用本领：1、当你在援用小批东西时，用index或id一致援用比拟好；2、当你的代码反复运用率高，且变革不大时，用对立援用比拟好，且尽管多用this东西；3、vbscript中没有this东西，使得援用暂时东西不简单，可沿用这种办法：eventname="javascript:subname(this)"，将暂时东西传播给vbscript的subname(this)因变量；4、派生窗口的父窗口是：window.opener，经过这种办法不妨与父窗口调换消息和操纵父窗口；非派生窗口，ie6.0之上的本子也不妨经过这种的办法考察；5、在剧本中应普遍运用：document.frames、document.images、document.forms、document.links等汇合，来到达赶快援用和一致变幻的效率；6、在网页顶用剧本天生的静态（初始化时天生的）和动静（相应用户操纵天生的）东西，也不妨举行对立援用和一致援用。

DHTML对象在脚本中的引用方法

相关推荐

推荐下载

热门阅览

最新排行