作家
登录

js 延迟加载 改变JS的位置加快网页加载速度

作者: 来源:www.28hudong.com 2013-03-30 00:18:15 阅读 我要评论

当一个网站有很多js代码要加载,js代码放置的位置在一定程度上将会影像网页的加载速度,为了让我们的网页加载速度更快,本文总结了一下几个注意点: 1、延迟加载js代码 复制代码 代码如下: <script type=”text/javascript” src=”" id=”my”></script> <script type=”text/javascript”> setTimeout(“document.getElementById(‘my').src='include/php100.php'; “,3000);//延时3秒 </script> 这样通过延迟加载js代码,给网页加载留出更多的时间! 2、js最后加载方案一 在需要插入JS的地方插入以下代码: 程序代码 复制代码 代码如下: <span id=”L4EVER”>LOADING…</span> 当然,那个LOADING…你可以换成自己喜欢的小图片.看起来很有AJAX效果呢. 然后在页面最底端插入: 程序代码 复制代码 代码如下: <span id=”AD_L4EVER”>你的JS代码在这里!</span > <script>L4EVER.innerHTML=AD_L4EVER.innerHTML;AD_L4EVER.innerHTML=”";</script> 3、让JS最后加载方案二 这个牵涉到网页的加载顺序问题,例如引入外部js脚本文件时,如果放入html的head中,则页面加载前该js脚本就会被加载入页面,而放入body中,则会按照页面从上倒下的加载顺序来运行javascript的代码~~~ 所以我们可以把js外部引入的文件放到页面底部,来让js最后引入,从而加快页面加载速度。

  推荐阅读

  js遍历td tr等html元素

复制代码 代码如下: function checkuser(obj) { var obj = window.event.srcElement; var row = obj.parentElement.parentElement; var value = row.cells[0].all[0].value; var item = value.split("|"); alert(i>>>详细阅读


本文标题:js 延迟加载 改变JS的位置加快网页加载速度

地址:http://www.17bianji.com/kaifa2/JS/22814.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)