JS延迟加载加快页面打开速度示例代码
JS延迟加载加快页面打开速度示例代码
发布时间:2016-12-30 来源:查字典编辑
摘要:第一,JS延迟加载代码如下:复制代码代码如下:setTimeout("document.getElementById('my').src='...

第一,JS延迟加载

代码如下:

复制代码 代码如下:

<script language="JavaScript" src="" id="my"></script>

<script language="JavaScript">

setTimeout("document.getElementById('my').src='include/...文件...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">

<script language="javascript" src="http://www.jb51.netinclude/.......js"></script>

</div>

判断要显示的广告位置是否存在

复制代码 代码如下:

<script language="javascript">

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>

setTimeout用法

setTimeout的标准语法是: setTimeout(表达式,时间(毫秒)) 两个参数.

在这里着重记下第一个参数是一个 function时的调用,假设是一个函数.

1.函数无参:

function alertV(){ alert("000"); }

当第一个参数不加引号("" 或 '')时,延迟一秒:

setTimeout(alertV,1000);

当第一个参数加上又引号时,延迟一秒:

setTimeout("alertV()",1000);

2. 函数有参:

function alertV(event){ alert("keyCode="+event.keyCode); }

此时应设置成:

setTimeout(function(){alertV(event);},1000); 不然会提示参数未定义.

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类