繁体中文
设为首页
加入收藏
资讯中心
网络编程
数据库
脚本专栏
实用技巧
软件编程
网页制作
操作系统
经典网摘
网站技巧
免费资源
关于我们
文章搜索
主机租用
域名查询
基础知识
应用技巧
表单特效
广告代码
网页特效
黑客性质
页面导航：
首页
→
网络编程
→
JavaScript
→
应用技巧
→ 正文内容 javascript程序优化
javascript程序优化问题第1/3页
发布：dxy 字体：[
增加
减小
] 类型：转载
写了几年代码，很少谈到javascript程序的执行效率问题，今天就举几个例子看看，让大家看看程序优化是多么重要。 这节来看看createElement和innerHTML的表现。看看差别是多大
createElement:
点击运行可以看到效果:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <script type="text/javascript"> function init(){ var staDate = new Date(); var doc = window.document; for(var i=0;i<100;i++){ var oDiv = doc.createElement("div"); var oText = doc.createTextNode("text"); oDiv.appendChild(oText); container.appendChild(oDiv); oDiv.style.id = "div_"+i; oDiv.style.width = "100px"; oDiv.style.height = "20px"; oDiv.style.backgroundColor = "#eee"; } alert(new Date - staDate); } </script> </HEAD> <BODY> <div id="container"></div> <input type="button" value="start" onclick="init();" /> </BODY> </HTML>
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
innerHTML:
点击运行可以看到效果:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <script type="text/javascript"> function init(){ var staDate = new Date(); var doc = window.document; for(var i=0;i<100;i++){ var str="<div id='div_'"+i+"' style='width:100px; height:20px;background-color:#eee'>test</div>"; container.innerHTML += str; } alert(new Date - staDate); } </script> </HEAD> <BODY> <div id="container"></div> <input type="button" value="start" onclick="init();" /> </BODY> </HTML>
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
当前1/3页
1
2
3
下一页
Tags：
javascript
程序优化
浏览次数：
载入中...
打印本文
关闭本文
返回首页
0
顶一下
上一篇文章：
比较不错的函数式JavaScript编程指南教程
下一篇文章：
js停止输出代码
·在百度中搜索关于“
javascript程序优化问题
”相关内容
·在谷歌中搜索关于“
javascript程序优化问题
”相关内容
文章评论
共有
位脚本之家网友发表了评论
我来说两句
同 类 文 章
如何实现JS函数的重载
js有效数字 显示指定位数
怎么用javascript进行拖拽2
eval(function(p,a,c,k,e,d)系列解密java
用JavaScript绘图 ——JS2D函数集
Javascript & DHTML DOM基础和基本AP
用javascript 控制表格行的展开和隐藏的代
有趣的思路~~JS仿 WINXP 注销桌面渐隐效果
用javascript实现截取字符串包含中文处理
[js+css]点击隐藏层,点击另外层不能隐藏原
最 近 更 新
分别用两个函数实现的菜单
优化网页之快速的呈现我们的网页
js实现的点击超链显示隐藏层
window.open被浏览器拦截后的自定义提示效
javascript字典探测用户名工具
xtree.js 代码
如何让动态插入的javascript脚本代码跑起
不会死机的js 格式代码
JS的replace方法与正则表达式结合应用讲解
javascript之循环停顿上下滚动
热 点 排 行
Div+CSS+JS树型菜单，可刷新
在线游戏大家来找茬II
eval(function(p,a,c,k,e,d)系列
javascript小技巧 超强推荐
动态加载js文件 document.create
JavaScript实现Sleep函数的代码
Unicode 编码转换器
彻底搞懂JS无缝滚动代码
支持IE和FF的div＋css选项卡
由浅到深了解JavaScript类
文章评论
共有 位脚本之家网友发表了评论我来说两句