JS延迟加载加快页面打开速度示例代码

前端技术 2023/09/04 JavaScript
第一，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\" style=\"display:none\">
<script language=\"javascript\" src=\"/include/.......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); 不然会提示参数未定义.

本文地址：https://www.stayed.cn/item/9834

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案