JS延迟加载加快页面打开速度示例代码_javascript技巧
程序员文章站
2022-04-19 16:51:47
...
第一,JS延迟加载
代码如下:
第二,JS最后加载
在需要插入JS的地方插入以下代码:
LOADING...
当然,那个LOADING…你可以换成自己喜欢的小图片.看起来很有AJAX效果呢.
然后在页面最底端插入:
你的JS代码在这里!
第三,JS最后加载
想要显示广告的位置
想要显示的广告内容
判断要显示的广告位置是否存在
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); 不然会提示参数未定义.
代码如下:
复制代码 代码如下:
第二,JS最后加载
在需要插入JS的地方插入以下代码:
LOADING...
当然,那个LOADING…你可以换成自己喜欢的小图片.看起来很有AJAX效果呢.
然后在页面最底端插入:
复制代码 代码如下:
你的JS代码在这里!
第三,JS最后加载
想要显示广告的位置
想要显示的广告内容
复制代码 代码如下:
判断要显示的广告位置是否存在
复制代码 代码如下:
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); 不然会提示参数未定义.
上一篇: js循环遍历
下一篇: php strripos 函数教程