JS技术

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

字号+ 作者: 来源:PHP100中文网    2014-11-17 20:00 我要评论( )

第一,JS延迟加载 代码如下: 程序代码 script language=JavaScript src= id=my/script script setTimeout(document.getElementById('my').src='include/php100.php'; ,3000);//延时3秒 /script 第二,JS最后加载 在需要插入JS的地方插入以下代码: 程序代码 SP

第一,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>

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • Javascript设计网页中的下拉菜单_javascript教程教程

    Javascript设计网页中的下拉菜单_javascript教程教程

    2015-10-10 09:07

  • 几行代码轻松搞定网页的简繁转换_javascript教程教程

    几行代码轻松搞定网页的简繁转换_javascript教程教程

    2015-10-09 14:14

  • 在网页里做类似window右键的弹出式菜单_javascript教程教程

    在网页里做类似window右键的弹出式菜单_javascript教程教程

    2015-10-09 14:12

  • 中文的版用JavaScript实现超酷的“网页时钟”_javascript教程教程

    中文的版用JavaScript实现超酷的“网页时钟”_javascript教程教程

    2015-10-09 14:02

网友点评