从何而来
从IE4开始IE的object model才增加了document.all对象，MSDN中也对 Object.all 有详细的说明，Object.all是个HTMLCollection，不是数组，它包含document.all：
http://msdn.microsoft.com/en-us/library/ms537434%28VS.85%29.aspx
自他出现后，IE后续版本也对其做了很好的支持，并没有打算放弃这个很有意义的属性。曾有一段时间，这个属性连同document.Layers 还被用作Netscape浏览器和IE浏览器的类型判断杀手锏，可惜的是 document.Layers 已经作古，document.all 大有从嫔妃转为正宫之势(Xee:已经转正了！)。
if(document.all){

//do something in IE

}else if(document.layers){

//do something in Netscape

}

经典的浏览器类型判断…… 已经作古，切莫使用，后果自负……

------------------------------------------------------------------------

document.all是IE 4.0及以上版本的专有属性，是一个表示当前文档的所有对象的娄组，不仅包括页面上可见的实体对象，还包括一些不可见的对象，比如html注释等等。在document.all数组里面，元素不分层次，是按照其在文档中出现的先后顺序，平行地罗列的。所以可以用数字索引来引用到任何一个元素。但比较常用的是用对象id来引用一个特定的对象，比如document.all["element"]这样。
document.layers是Netscape 4.x专有的属性，是一个代表所有由储如<div><layer>等定位了的元素的数组。通常也是用<div>或<layer>对象的id属性来引用的，但是这里面不包含除此以外的其它元素。

其实这两个属性没什么可比性，大概你经常看到他们同时出时，这有一个历史原因。在第四代浏览器出现的时候，标准相当混乱，Netscape和微软分别推出了它们的Navigator 4.x和IE 4.0，这两个浏览器的巨大差异，也使开发者面临了一个使网页跨浏览器兼容的噩梦。而document.layer和document.all分别是两者一个最显著的标志，为了确定浏览者使用的什么浏览器，通常用是否存在document.layers和document.all来判断。

新的统一的标准用document.getElementById等系列方法来引用DOM对象，而且Netscape 6.0以后放弃了layers特征，虽然IE继续保留了document.all，但这最终没有成为DOM标准的一部分。希望document.layers和document.all能够早日作古，让标准早日深入人心！

-----------------------------------------------------------------------------

发展壮大

开始的时候，确实其他浏览器都不支持document.all，但是渐渐的，都开始偷偷摸摸的开始支持了。

因为它不是W3C的标准属性，在其他浏览器中也没有找到此集合属性的说明。说它偷偷摸摸的被支持是有原因的。

例1（这个可以让你理解文档中哪些是对象）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Document.All Example</title>

<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />

</head>

<body>

<h1>Example Heading</h1>

<hr />

<p>This is a <em>paragraph</em>. It is only a <em>paragraph.</em></p>

<p>Yet another <em>paragraph.</em></p>

<p>This final <em>paragraph</em> has <em id="special">special emphasis.</em></p>

<hr />

<script type="text/javascript">

<!--

var i,origLength;

origLength = document.all.length;

document.write('document.all.length='+origLength+"<br />");

for (i = 0; i < origLength; i++)

{

document.write("document.all["+i+"]="+document.all[i].tagName+"<br />");

}

//-->

</script>

</body>

</html>

至于结果，自己去看看各个浏览器的差异，以前的浏览器（可能是lt IE8之前）会显示document.all.length=18（妈蛋，这样子：）；现代浏览器统一显示document.all.length=17,自己看看区别吧…

--------------------------------------------------------------------------------------------------------------------

下面是关于document.all的其他用处…：

一.
document.all是页面内所有元素的一个集合。例如：      
document.all(0)表示页面内第一个元素

二.

document.all可以判断浏览器是否是IE(其实还有其他方法不断可以判断IE，还可以判断是哪个版本的IE…自行百度吧…)

if(document.all){

    alert('IS IE!');

  }

else{

    alert('NOT IE!');

}

关于这个问题，我进行了测试，在所有现在浏览器（除IE）下，显示为：

typeof(document.all)
"undefined"

在IE（包括IE9~IE10，IE11没测试，根据微软的尿性，估计也一样）下：

typeof(document.all)

"object"

所以..判断为IE

附录：

从IE11、Chrome开始，document.all将返回HTMLCollection子类HTMLAllCollection的对象，其行为特征和HTMLCollection一致。（Xee：IE11之前的版本document.all返回HTMLCollection的对象）但IE11中的HTMLAllCollection还可以当作函数使用。

三.

也可以通过给某个元素设置id属性（id=aaaa）,然后用document.all.aaaa调用该元素。

标准DOM中的访问方法

开头就说过document.all[]不符合WEB标准（Xee：现在的浏览器基本都支持了），那用什么来替代它呢？document.getElementById

Most third-party browsers are “strict standards” implementations, meaning that they implement W3C and ECMA standards and ignore most of the proprietary object models of Internet Explorer and Netscape.If the demographic for your Web site includes users likely to use less common browsers, such as Linux aficionados, it might be a good idea to avoid IE-specific features and use the W3C DOM instead. by Internet Explorer 6, we see that IE implements significant portions of the W3C DOM.

这段话的意思是大多数第三方浏览器只支持W3C的DOM，如果你的网站用户使用其他的浏览器，那么你最好避免使用IE的私有属性。而且IE6也开始支持W3C DOM。

毕竟大多数人还不了解标准，在使用标准前，你还可以在你的网页中用document.all[]访问文档对象，

原生JS（标准的访问方法）有3种方式来获取元素:

getElementById('id')

getElementsByName('name')

getElementsByTagName('tag')

getElementById是获取元素最快的方式。

因为不是w3c标准，所以我尽量避免使用document.all（Xee：现在已经可以完全使用了，IE所有浏览器支持！)

<参考：http://www.cnblogs.com/zwl12549/archive/2007/07/09/811141.aspx & http://www.jb51.net/article/29091.htm>

document.all的详细解释(document.all基本上所有浏览器可用！)的更多相关文章

  1. （转）document.cookie.indexof的解释

    代码:function getCookie(c_name){ if(document.cookie.length > 0) { c_start = document.cookie.indexof ...

  2. cookie的详细解释

    突然看到网页上中英文切换的效果,不明白怎么弄得查了查 查到了cookie 并且附有详细解释 就copy留作 以后温习 http://blog.csdn.net/xidor/article/detail ...

  3. Elasticsearch BM25相关度算法超详细解释

    Photo by Pixabay from Pexels 前言:日常在使用Elasticsearch的搜索业务中多少会出现几次 "为什么这个Doc分数要比那个要稍微低一点?".&q ...

  4. Java学习之路：详细解释Java解析XML四种方法

    XML如今已经成为一种通用的数据交换格式,它的平台无关性,语言无关性,系统无关性,给数据集成与交互带来了极大的方便. 对于XML本身的语法知识与技术细节,须要阅读相关的技术文献,这里面包含的内容有DO ...

  5. 姿势体系结构的详细解释 -- C

    我基本上总结出以下4部分: 1.问题的足迹大小. 2.字节对齐问题. 3.特别保留位0. 4.这种结构被存储在存储器中的位置. #include <stdio.h> #include &l ...

  6. [转帖]nginx location配置详细解释

    nginx location配置详细解释 http://outofmemory.cn/code-snippet/742/nginx-location-configuration-xiangxi-exp ...

  7. selectDOM操作详解-select option详细解释

    首先从一个面试题来讲,我最近在做前端面试题,题目如下: 完成函数showlmg(),要求能够动态根据下拉列表的选项变化,更新图片的显示<body><script type=" ...

  8. .htaccess语法之RewriteCond与RewriteRule指令格式详细解释

    htaccess语法之RewriteCond与RewriteRule指令格式详细解释 (2012-11-09 18:09:08) 转载▼ 标签:  htaccess it 分类: 网络 上文htacc ...

  9. tar命令的详细解释

    tar命令的详细解释 标签: linuxfileoutputbashinputshell 2010-05-04 12:11 235881人阅读 评论(12) 收藏 举报  分类: linux/unix ...

随机推荐

  1. dedecms /member/pm.php SQL Injection Vul

    catalog . 漏洞描述 . 漏洞触发条件 . 漏洞影响范围 . 漏洞代码分析 . 防御方法 . 攻防思考 1. 漏洞描述 Dedecms会员中心注入漏洞 Relevant Link http:/ ...

  2. MyCCL特征码定位原理学习

    这段时间学习WEB方面的技术,遇到了木马免杀特征码定位的问题,这里做一下学习笔记. 这里对MyCCL的分块原理做一下探究 对指定文件生成10个切块 对指定的木马进行切块后,文件列表是这样的. 注意这里 ...

  3. C#调试方法

    单步执行 有三种, 一种是每次执行一行(F10): 一种是每次执行一行,但遇到函数调用就会跳到被调用的函数里(F11): 一种是直接执行当前函数里剩下的指令,返回上一级函数(Shift+F11). 还 ...

  4. url学习1

    URLConnection提交请求 URL 对象代表统一资源定位器,他是指向互联网"资源"的指针. 通过URL读取网络资源 可以使用如下方法: URL url = new URL( ...

  5. SQLite的WAL机制

    标注:本文部分有黏贴这里的资料,另外还加了一些自己的笔记 使用CoreData或者SQLite3的时候,我们创建的数据库, 在存储的文件夹中有三个文件:分别为:**.sqlite  **.sqlite ...

  6. 捉襟见肘之UITableViewCell重用引发的问题

    我记录一下自己如何解决cell内容重叠的问题 首先,复习一下:http://blog.csdn.net/omegayy/article/details/7356823 UITableViewCell的 ...

  7. Altium Designer 15 --- PCB 3D View

    press 3 key to swith to 3D view, and press shift key and dont' loose your grip, hold the right mouse ...

  8. ObjectInputStream类和ObjectInputStream类的使用

    版权声明:本文为博主原创文章,未经博主允许不得转载. ObjectInputStream和ObjectInputStream类创建的对象被称为对象输入流和对象输出流. 创建文件输出流代码: FileO ...

  9. MySQL缺失mysql_config文件

    打算爬虫,安装mysqldb 结果使用pip安装出错 在centos-6.4上pip install mysql-python,报错如下[sentry@kjtest111 mysql-python]$ ...

  10. easyUI 树的上下文菜单

    一.属性:onContextMenu onContextMenu: function(e,node){ e.preventDefault(); $(this).tree('select',node.t ...