zoukankan      html  css  js  c++  java
  • 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 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>

  • 相关阅读:
    WPF 复制和粘贴
    WPF控件模拟双击事件
    WPF获取鼠标当前位置
    user32.dll
    C# 根据IP地址获取城市
    WPF 动态布局Grid
    手机自动化测试:Appium源码分析之跟踪代码分析五
    手机自动化测试:appium源码分析之bootstrap三
    手机自动化测试:appium源码分析之bootstrap二
    手机自动化测试:appium源码分析之bootstrap一
  • 原文地址:https://www.cnblogs.com/wzg0319/p/1973424.html
Copyright © 2011-2022 走看看