30个提高Web程序执行效率的好经验分享
尽量避免使用DOM。当需要反复使用DOM时,先把对DOM的引用存到JavaScript本地变量里再使用。使用设置innerHTML的方法来替换document.createElement/appendChild()方 法。 eval()有问题,new Fuction()构造函数也是,尽量避免使用它们
尽量避免使用DOM。当需要反复使用DOM时,先把对DOM的引用存到JavaScript本地变量里再使用。使用设置innerHTML的方法来替换document.createElement/appendChild()方 法。 eval()有问题,new Fuction()构造函数也是,尽量避免使用它们
1.innerHTML 这个大家一定都很熟悉,可读可写,修改元素内容相当快捷方便,在兼容问题上可以参考W3Help中一个知识记录。 2.outerHTML 此方法可以用于对元素自身的快速替换,比如: 实现代码如下: Hello, I am a demo $('hello').outerHTML =
重现如下: 实现代码如下: 设置iframe的document.designMode后仅Firefox中其body.innerHTML为br var ifr = document.getElementsByTagName('iframe')[0]; var doc = ifr.con
原来出错的代码如下: 实现代码如下: 出错的原因应该是IE7、IE8中的P不支持innerHTML。CodeMirror的作者也发现了这个问题,相关链接: https://github.com/marijnh/CodeMirror2/issues/215 https://github.c
实现代码如下: document.getElementById("trone").innerHTML = "haha"; 在IE中,有时候会出现"未知的运行时错误(unknown runtime error)",而在firefox里不会。 这主要是IE在对innerHTML进行写操作的时候会检
如下 实现代码如下: jack alert(document.getElementById('user').innerHTML.length); div[id=user]中的文本"jack"前有两个英文空格,各浏览器下结果如下 IE6/7/8 : 弹出4,即忽略了空格 IE9/Firefox/S
实现代码如下: //当状态改变的时候执行的函数 function handle() { document.getElementById('msg').innerHTML = document.getElementById('txt').value; } //if("\v"=="v")只有在IE
空格处理当在DIV中输入"a[任意个空格]a" HTML呈现在Chrome和IE下是一样的:只显示一个空格。innerHTML属性IE还是两个a加一个空格, Chrome则是原始输入的样子。 回车当在DIV中输入"a[回车][任意个空格]a"时,HTML呈现Chrome和IE是一样的。innerHT
实现代码如下: document.getElementById("testDiv").innerHTML ="动态创建的div"; 而且用的应该是还是乐此不疲,但是有多少人知道这是错误的做法!错误的原因: (1) 在页面加载时改变了页面的结构. 在IE6中如果网络变慢或者页面内容太大就会出现"终止
“今天才注意到jQuery(...).html()方法返回的HTML会过滤掉所有的块,但有时候,特别是在AJAX应用中,常常是需要保留HTML中的块的,比如局部更新含脚本的内容,此时切忌不要用html()来读写HTML,还是要老老实实用elem.innerHTML。今天因为这个问题浪费了1个小时,特