Javascript之js文件延时加载

我们做网页经常需要写很多js代码，如果有些代码库太庞大会影响到我们打开网页的速度。如果不是当前页面加载就需要用到的js代码，我们可以延时加载，这样可以提升网页的打开速度。下面几种延时加载方式都可以：

1.我们可以写一个setTimeout函数来延时2秒后再加载js代码。

<script type=”text/javascript” id=”openJS”></script>
<script type=”text/javascript”>
setTimeout(“document.getElementById(‘openJS').src='test.js'; “,2000);
</script>

2.在需要加载js的代码写一个标签。

<strong id=”testjs”>LOADING…</strong >

然后在网页最底部加上：

<strong id=”targetTest”>js代码！！！</span >
<script>testjs.innerHTML=targetTest.innerHTML;targetTest.innerHTML=”";</script>

Javascript之js文件延时加载相关推荐

django里面的css无法加载,django使用admin后台，一部分 css和js文件无法加载-无法打开文件...
解决使用admin功能时, 一部分 css和js文件无法加载原因是由settings.py修改debug = true 为 debug =false 引起的, 1.在settings.py添加如下 ...
高性能js之js文件的加载与解析
随着网站的发展,现在的网页已经离不开js,经常一个页面会引入大量的js.那么该如何合理的加载这些js? head标签中引入js文件可能是最常见的一种方式,但是这样会造成一个问题.因为j可以说是浏览器中 ...
js文件中加载其他js文件
1:使用sea.js等第三方库进行加载: 2:工程化前端项目使用import即可 3:非工程化前端: 参照html文件引入js的方式,可以通过动态添加script标签实现js文件的异步加载,代码如下: ...
解决JS文件页面加载时的阻塞
关于页面加载时的时间消费,许多书中都做出了介绍,也提出了很多种方法.本文章就详细介绍XHR注入. 概述:JS分拆的方法 1.XHR注入:就是用ajax异步请求同域包含脚本的文件,然后将返回的字符串转化 ...
JS文件中加载jquery.js(JS文件添加其他JS文件)
最近有一个需求: 1.在一个html中只能引入一个JS文件不能有JS代码和其他JS文件的引入 2.这个JS文件中还要引入其他的JS文件 3.所有JS功能都写在这个JS文件中这些代码用到了jque ...
js设置延时加载事件
[java] view plain copy 首先,这个主要就是前端js,进行控制的,所以,直接上代码喽 setTimeout( function(){ //事件处理 }, 1000) 1000毫 ...
SAP UI5应用的sap-ui-core.js被加载之前，还有哪些js文件被加载了
要获取更多Jerry的原创文章,请关注公众号"汪子熙":
[SAP成都] SAP UI5应用的sap-ui-core.js被加载之前，还有哪些js文件被加载了
js 延迟几秒执行ifarme_延时加载JavaScript代码提高速度_javascript技巧 -
...值: none 0 e1. 利用animation属性实现循环间的延时执行实例教程简介:先来介绍一下animation定义和用法,animation 属性是一个简写属性,用于设置六个动画属性:2 ...

Javascript之js文件延时加载

Javascript之js文件延时加载

Javascript之js文件延时加载相关推荐

最新文章

热门文章