js延迟加载的性能优化

最新推荐文章于 2023-05-21 18:50:17 发布

asevb02442

最新推荐文章于 2023-05-21 18:50:17 发布

阅读量289

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/68xi/p/11555401.html

版权

js的延迟加载有助于提高页面的加载速度，特别是竞价优化站是有一定的好处，今天来说说我是如何优化竞价站打开速度！

案例：http://yzmb.pengchenggroup.cn/

动态创建DOM方式

<script type="text/javascript">
   function downloadJSAtOnload() {
      var element = document.createElement("script");
      element.src = "defer.js";
      document.body.appendChild(element);
   }
 
   if (window.addEventListener)  //添加监听事件
      window.addEventListener("load",downloadJSAtOnload, false); //事件在冒泡阶段执行
   else if (window.attachEvent)
      window.attachEvent("onload",downloadJSAtOnload);
   else 
      window.onload = downloadJSAtOnload;
</script>

PS：这里插一句 addEventListener() 也是常考的知识点之一：

addEventListener() 方法用于向指定元素添加事件句柄。

使用 removeEventListener() 方法来移除 addEventListener() 方法添加的事件句柄。

    语法：element.addEventListener(event, function, useCapture)
        event （必须）字符串，指定事件名。注意: 不要使用 “on” 前缀。例如，使用 “click” ,而不是使用 “onclick”。
        function （必须）指定要事件触发时执行的函数。当事件对象会作为第一个参数传入函数。事件对象的类型取决于特定的事件。例如， “click” 事件属于 MouseEvent(鼠标事件) 对象。
        useCapture （可选）布尔值，指定事件是否在捕获或冒泡阶段执行。【true：事件句柄在捕获阶段执行； false：默认，事件句柄在冒泡阶段执行】

转载于:https://www.cnblogs.com/68xi/p/11555401.html