TimeStamp | You'll be challenged,inspired,motivated and humbled.nirvana

JS延迟加载或JS最后加载加快网页打开速度[转]

找到了 传说中的 延迟加载JS文件 。 原来就是将链接外部JS文件的代码嵌入到一个简短的JS代码中,进行延迟;或者嵌在html代码中,然后放在文档的最底部~ 

~~原文如下,转自http://apps.hi.baidu.com/share/detail/10885683

第一,JS延迟加载

代码如下:
程序代码
<script language="JavaScript" src="" id="my"></script>   
<script>   
     setTimeout("document.getElementById('my').src='include/php100.php'; ",3000);//延时3秒   
</script>

第二,JS最后加载

在需要插入JS的地方插入以下代码:

程序代码
<SPAN id=L4EVER>LOADING...</SPAN>

当然,那个LOADING…你可以换成自己喜欢的小图片.看起来很有AJAX效果呢.

然后在页面最底端插入:

程序代码
<SPAN class=spanclass id=AD_L4EVER>
你的JS代码在这里!</SPAN>
<script>L4EVER.innerHTML=AD_L4EVER.innerHTML;AD_L4EVER.innerHTML="";</script>

第三,JS最后加载

想要显示广告的位置
<div id="guangg1"></div>

     想要显示的广告内容
<div id="ggad1" style="display:none"><script language="javascript"

src="/frontpage/include/php100.js"></script></div>

     判断要显示的广告位置是否存在
<script>
function chkdiv(divid){ 
var chkid=document.getElementById(divid); 
if(chkid != null)
{return true; } 
else 
{return false; } 
}     最后就是显示广告了
if (chkdiv('guangg1')) {
document.getElementById('guangg1').innerHTML= document.getElementById('ggad1').innerHTML;
document.getElementById('ggad1').innerHTML="";
}
</script>

Feedback

  1. 回复 2011-11-25 21:51:37 by ivy

    看来自己独立解决了问题很开心那
  2. 回复 2011-11-25 21:56:02 by timestamp

    哈~ 依旧还是转的~~ 笔试里面遇见的题目~~ 

     

    不过对JS确实认识不少啊~

  3. 回复 2011-11-25 22:00:22 by ivy

    工作落实咋样了
  4. 回复 2011-11-25 22:01:25 by timestamp

    下周2 估计去阿里报道了~  坑爹的实习生~
  5. 回复 2011-11-25 22:02:47 by ivy

    哈哈,不错哦,和朱国一起的吧
  6. 回复 2011-11-25 22:03:38 by timestamp

    对~~ 是的~~  准备关机了~ 回寝室了~~下次再聊~~!
你还可以输入600/600个字符 发表评论
称呼: (必填) 登录 | 开通博客
邮箱: (选填) 你的邮箱地址不会被公开
网站: (选填)
验证码: (必填)