javascript优化--12模式(DOM和浏览器模式)

注意分离：

  • 通过将CSS关闭来测试页面是否仍然可用，内容是否依然可读；
  • 将JavaScript关闭来测试页面仍然可以执行正常功能；所有连接是否正常工作；所有的表单是否可以正常工作；
  • 不使用内联处理器（onclick之类）和内联样式属性，因为这些不属于内容层；
  • 使用语义上有意义的HTML元素；

DOM脚本：

  • DOM访问： //DOM访问的代价是昂贵的

    • 避免在循环中使用DOM访问；
    • 在可能的情况下使用selector API;
    • 在HTML容器中重复使用时，缓存重复的次数；
    • 将DOM引用分配给局部变量，并使用这些局部变量；
时间： 2024-10-12 13:15:16

javascript优化--12模式(DOM和浏览器模式)的相关文章

文档模式与IE浏览器模式

一.IE浏览器的兼容性视图 兼容性视图是微软为了兼容基于其它网页标准开发的网站,确保广大互联网用户在浏览网页时不至于受困于网页显示混乱的问题,而专门为IE8增加的一项实用功能.当IE8检测到某网站不兼容时,地址栏右侧就会出现兼容性视图按钮,只需轻轻一点,大部分网页显示就会正常了.(网页会以IE7的代码规范来显示) 它引入重要的两个概念便是“浏览器模式”和“文档模式”: 注:也可按F12进入开发人员工具来查看当前页面的浏览器模式和文档模式 二.文档模式 指定IE页面排版引擎根据哪一个版本的方式来解

javascript中12种DOM节点类型概述

× 目录 [1]元素 [2]特性 [3]文本[4]CDATA[5]实体引用[6]实体名称[7]处理指令[8]注释[9]文档[10]文档类型[11]文档片段[12]DTD 前面的话 DOM是javascript操作网页的接口,全称为文档对象模型(Document Object Model).它的作用是将网页转为一个javascript对象,从而可以使用javascript对网页进行各种操作(比如增删内容).浏览器会根据DOM模型,将HTML文档解析成一系列的节点,再由这些节点组成一个树状结构.DO

201601241116_《Javascript优化（css,dom,loop）》

css: oEl.style.cssText = "border-left:1px solid red"; dom: 1. document.createDocumentFragment(); 2. var newDOM = oldDOM.cloneNode(true); oldDOM.parentNode.replaceChild(newDOM,oldDom); loop: 1. var i = 0; for(;i< len;i++){ }; 2. var i = arr.le

IE （第一部分） 浏览器 中 关于浏览器模式和文本模式的困惑

什么是浏览器模式和文本模式? 经常使用IE开发者工具的同学,肯定见过浏览器模式和文本模式,对于这两个名词,综合相关文档解释如下: 浏览器模式(Browser Mode),用于切换IE针对该网页的默认文本模式.对不同版本浏览器的条件注释解析.决定请求头里userAgent的值.它在浏览器发出请求之前就已经确定,网站没有办法修改这个值.它代表的是用户以何种浏览器访问网站.IE9支持下列浏览器模式: (IE9兼容性模式与IE7模式的区别是:前者在UA里加上了Trident版本,后者和IE7完全一致无T

IE下的浏览器模式和文档模式。

360安全浏览器下的IE兼容模式. 有童鞋是在上边遇到的问题.她打开IE浏览器默认的是IE9的浏览器模式,但是文本模式是IE7. [解决]IE9的默认就是IE9标准模式啊,你可能是启用了组策略里的[打开Internet Explorer 7标准模式]功能.禁用就行~ 开始菜单 - 运行 - 输入gpedit.msc后确定 - 用户设置 - 管理模板 - Windows组件 - Internet Explorer - 兼容性试图 - 在右边找到“打开Internet Explorer 7标准模式选

文档类型DTD，DOCTYPE和浏览器模式

出处:http://blog.csdn.net/freshlover/article/details/11616563 浏览器从服务端获取网页后会根据文档的DOCTYPE定义显示网页,如果文档正确定义了DOCTYPE浏览器则会进入标准模式(Standards Mode),否则浏览器会进入怪异模式或混杂模式(Quirks mode). 浏览器开发初期W3C倡导的网页标准并不流行,因此浏览器有独特的对网页标签或属性的解析模式,随着日后网页标准的流行,浏览器增加了对新标准的支持(Standards M

JS魔法堂：浏览器模式和文档模式怎么玩？

一.前言 从IE8开始引入了文档兼容模式的概念,作为开发人员的我们可以在开发人员工具中通过“浏览器模式”和“文档模式”(IE11开始改为“浏览器模式”改成更贴切的“用户代理字符串”)品味一番,它的出现极大地方便了苦逼的前端攻城狮们适配各版本的IE,但jser们也不能完全信任它,因为它只是提供尽可能的文档模式模拟而已. 本篇大部分内容来源于官方解说:http://msdn.microsoft.com/library/cc288325(v=vs.85).aspx,并尽量融入个人平常工作中踩过的坑加以

IE （第二部分） 浏览器 中 关于浏览器模式和文本模式

判断真正的 IE 版本 很多 JS 框架都通过 UA 判断 IE 的版本.对于 IE6,这种做法没问题( IE6 没有浏览器模式的概念,也没有其它 IE 可以把浏览器模式改为 IE6:IE7 虽然也没有浏览器模式,但 IE8+ 可以把浏览器模式设置为 IE7 模式).但是从 IE8 开始引入的浏览器模式会产生不同的 UA.例如,IE9 有这些: 如果仅通过 UA 中的「MSIE X.0」来判断,会得到 IE7~9 三种不同结果. 实际上,对于 IE8+,根据 UA 字符串只能确定当前是否是兼容性

IE兼容性：浏览器模式和文档模式

1.浏览器模式:影响的是浏览器的版本及IE的条件注释 1 <script type=”text/javascript”> 2 alert(navigator.appVersion); 3 </script> 4 5 <!–[if IE 7]> 6 <style type=”text/css”> 7 .content{color:#F00;} 8 </style> 9 <![endif]–> 2.文档模式:影响的是IE的排版引擎,对DO