如何实现javascript延时加载-木庄网络博客

2022-01-27 20:33:16 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者醉折花枝作酒筹，侵删。

实现方法：1、使用setTimeout方法，语法“setTimeout('js方法',延迟时间);”；2、引入外部js脚本文件时，放入body中，则会按照页面从上倒下的加载顺序来运行JavaScript的代码。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

js的延迟加载有助与提高页面的加载速度，以下是延迟加载的几种方法：

1.使用setTimeout延迟方法的加载时间

延迟加载js代码，给网页加载留出更多时间

<script type="text/javascript" >
  function A(){
    $.post("/lord/login",{name:username,pwd:password},function(){
      alert("Hello");
    });
  }
  $(function (){
    setTimeout('A()', 1000); //延迟1秒
  })
</script>

2.让js最后加载

例如引入外部js脚本文件时，如果放入html的head中,则页面加载前该js脚本就会被加载入页面，而放入body中，则会按照页面从上倒下的加载顺序来运行JavaScript的代码~~~ 所以我们可以把js外部引入的文件放到页面底部，来让js最后引入，从而加快页面加载速度

阅读剩余部分

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » 如何实现javascript延时加载

如何实现javascript延时加载

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论