网站导航:首页|中学语文|中学数学|中学英语|中学物理|中学化学|中学生物|中学政治|中学历史 |中学地理|网络杂谈|保健生活|网站系统|资料库
LOADING...
» 您尚未 [登录 - 注册] ┆ 风格 ┆ 搜索 ┆ 帮助 ┆ 
>易学网-中考高考指南 -> 网络天空 -> 网站系统 -> JS延迟加载或JS最后加载方法
资源发布 投票 回复评价 |今年最火爆的网购精品 您是本帖的第 1998397 个阅读者
 贴子主题:JS延迟加载或JS最后加载方法
资源发表于 2012-9-15 9:36:22 资料 留言 编辑 引用 评帖 < 收藏 举报 1F >

JS延迟加载或JS最后加载方法

网页里嵌入了JS代码在网页打开时是要按自上而下的顺序加载的,当加载到JS代码的时候也是同样需要加载完毕才可以加载JS代码后面的内容,有时JS可能会引用站外资源,这样就会大大延长加载时间,使网页加载速度明显变慢,我们可以通过JS延迟加载或JS最后加载方法来解决网页加载速度慢的问题。

方法一: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 id=AD_L4EVER>你的JS代码在这里!</SPAN>

<script>L4EVER.innerHTML=AD_L4EVER.innerHTML;AD_L4EVER.innerHTML="";</script>


方法三:最后加载JS代码

想要显示广告的位置插入以下代码:


<div id="guangg1"></div>


想要显示的JS内容


<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>


通过以上方法,均可以解决JS代码的加载慢问题,大家可以试试。





------------------------------------------------------------------------
易学网-中考高考指南欢迎您!



 

淘宝热卖女装品牌
广告招商
Q管理员:519865538
Q业务员:2780300168

 每页10条,共1页,合计1条记录
9  1  :
转到  


Powered By:ex66.com 版权声明 手机站
易学网 品牌商务 皮皮服务业务咨询/网站客服: Q Q Q
1995-2015Server Time 蜀ICP备11008542号-1 客服在线:管理员QQ 赞助本站,我们将为你更好服务!