JS的document.all函数使用

 JS的document.all函数在使用中非常的频繁,下面为大家详细介绍下具体的使用示例

一. 
document.all是页面内所有元素的一个集合。例如: 
document.all(0)表示页面内第一个元素 
二. 
document.all可以判断浏览器是否是IE 
if(document.all){ 
alert("is IE!"); 

三. 
也可以通过给某个元素设置id属性(id=aaaa),然后用document.all.aaaa调用该元素 
四. 
案例: 
 
代码1: 
代码如下:
<input name=aaa value=aaa> 
<input id=bbb value=bbb> 
<script language=Jscript> 
alert(document.all.aaa.value) //根据name取value 
alert(document.all.bbb.value) //根据id取 value 
</script> 
 
代码2: 
但是常常name可以相同(如:用checkbox取用户的多项爱好的情况) 
 代码如下:
<input name=aaa value=a1> 
<input name=aaa value=a2> 
<input id=bbb value=bbb> 
<script language=Jscript> 
alert(document.all.aaa(0).value) //显示a1 
alert(document.all.aaa(1).value) //显示a2 
alert(document.all.bbb(0).value) //这行代码会失败 
</script> 
 
代码3: 
理论上一个页面中的id是互不相同的,如果出现不同tags有相同的id 
document.all.id 就会失败,就象这样: 
代码如下:
<input id=aaa value=a1> 
<input id=aaa value=a2> 
<script language=Jscript> 
alert(document.all.aaa.value) //显示 undefined 而不是 a1或者a2 
</script> 
 
代码4: 
对于一个复杂的页面(代码很长,或者id是由程序自动产生),或着一个 
javascript初学者写的程序,很有可能出现两个tags有相同id的情况。 
为了编程的时候不出错,我推荐这样的写法: 
代码如下:
<input id=aaa value=aaa1> 
<input id=aaa value=aaa2> 
<input name=bbb value=bbb> 
<input name=bbb value=bbb2> 
<input id=ccc value=ccc> 
<input name=ddd value=ddd> 
 
<script language=Jscript> 
alert(document.all("aaa",0).value) 
alert(document.all("aaa",1).value) 
alert(document.all("bbb",0).value) 
alert(document.all("bbb",1).value) 
alert(document.all("ccc",0).value) 
alert(document.all("ddd",0).value) 
</script> 

时间: 2024-12-31 02:42:06

JS的document.all函数使用的相关文章

JS的document.all函数使用示例_基础知识

一. document.all是页面内所有元素的一个集合.例如: document.all(0)表示页面内第一个元素 二. document.all可以判断浏览器是否是IE if(document.all){ alert("is IE!"); } 三. 也可以通过给某个元素设置id属性(id=aaaa),然后用document.all.aaaa调用该元素 四. 案例: 代码1: 复制代码 代码如下: <input name=aaa value=aaa> <input

jsp-我不懂这个js里的eval函数到底在哪里用到了

问题描述 我不懂这个js里的eval函数到底在哪里用到了 详细的代码如下var navigator_appName = ""chrome"";var window;var dbits;var canary=0xdeadbeefcafe;var j_lm=((canary&0xffffff)==0xefcafe);function BigInteger(abc){if(a!=null)if(""number""==typ

代码-js 自动加载 函数 可以一性加载几个,并且是高效

问题描述 js 自动加载 函数 可以一性加载几个,并且是高效 我写了段代码,前台调用后台的数据,但是因为可以局部刷新,所以每个函数都分开写了!大约有9个函数,并且在点击页面时需要同时加载进来,所以写了一个自动加载函数,然后在自动加载函数中,分别条用这9个函数,但是当点击页面 加载时却有的加载很慢,有时却很快,数据库交互也时快时慢!!我想问下是不是我调用的太多了!? 解决方案 建议你优化一下,对于函数做一下合并,每次访问都是耗时和耗资源.会使加载变慢 解决方案二: 你使用ajax动态加载还是scr

JS数组(Array)处理函数总结

原文:JS数组(Array)处理函数总结 1.concat() 连接两个或更多的数组该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本.例如: 1 <script type="text/javascript"> 2 var arr = [1, 2, 3]; 3 var arr1 = [11, 22, 33]; 4 document.write(arr.concat(4, 5, arr1)); 5 </script> 输出结果:1,2,3,4,5,11,2

js indexOf split join函数用法

js indexof  split join函数用法 文章为你免费提供js indexof  split join函数用法,重点介绍了indexof与split函数的详细用法与举例说明哦. join var delimitedstring=myarray.join(delimiter); var mylist=new array("jpg","bmp","gif","ico","png"); var por

JS封装cookie操作函数实例(设置、读取、删除)_javascript技巧

本文实例讲述了JS封装cookie操作函数.分享给大家供大家参考,具体如下: /*设置cookie*/ function setCookie(name, value, iDay) { var oDate=new Date(); oDate.setDate(oDate.getDate()+iDay); document.cookie=name+'='+value+';expires='+oDate; }; /*使用方法:setCookie('user', 'simon', 11);*/ /*获取c

JS中关于事件处理函数名后面是否带括号的问题_javascript技巧

今天总结一个关于事件处理程序的小细节.首先回顾一下事件处理的一些概念. JS中的事件处理(事件绑定)就是让某种或某些事件触发某些活动.有两种常见的形式,分别是DOM Level 0 和DOM Level 2.这两种方式最大的区别就在于DOM 0级事件处理只能用于事件冒泡,而DOM 2级事件处理却可以通过设置第三个参数来分别支持事件冒泡和事件捕获. DOM 0级事件处理一般是直接把一个函数分配给一个事件处理程序,既可以在元素中直接分配一个事件处理程序,如方式一所示;也可以在脚本中把函数分配给事件处

js中document.write的那点事_基础知识

记住,在载入页面后,浏览器输出流自动关闭.在此之后,任何一个对当前页面进行操作的document.write()方法将打开-个新的输出流,它将清除当前页面内容(包括源文档的任何变量或值).因此,假如希望用脚本生成的HTML替换当前页面,就必须把HTML内容连接起来赋给一个变量,使用一个document.write()方法完成写操作.不必清除文档并打开一个新数据流,一个document.write()调用就可完成所有的操作. 关于document.write()方法还有一点要说明的是它的相关方法d

javascript-使用netbeans写js代码有许多函数提示不出来

问题描述 使用netbeans写js代码有许多函数提示不出来 如document.getElementById.document.write等 解决方案 如果单纯写js代码的话,可以使用webstorm,这个是专门用来进行javascript开发的,功能很强大. 解决方案二: vs2013写js爽...内嵌到html中代码也有ide..就是大了点..