返回首页

js延迟加载的方式有哪些?

来源:www.xuniwu.cn   时间:2023-08-15 02:53   点击:235  编辑:admin   手机版

一、js延迟加载的方式有哪些?

一般有以下几种方式:

defer 属性

async 属性

动态创建DOM方式

使用jQuery的getScript方法

使用setTimeout延迟方法

让JS最后加载

二、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最后引入,从而加快页面加载速度

3.上述方法2也会偶尔让你收到Google页面速度测试工具的“延迟加载javascript”警告。所以这里的解决方案将是来自Google帮助页面的推荐方案。

//这些代码应被放置在</body>标签前(接近HTML文件底部)

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

这段代码意思是等到整个文档加载完后,再加载外部文件“defer.js”。

使用此段代码的步骤:

1).复制上面代码

2).粘贴代码到HTML的标签前 (靠近HTML文件底部)

3).修改“defer.js”为你的外部JS文件名

4).确保你文件路径是正确的。例如:如果你仅输入“defer.js”,那么“defer.js”文件一定与HTML文件在同一文件夹下。

三、js默认加载方法?

在JavaScript中,当页面加载时,会依次执行以下方法:1.解析HTML和CSS文件,创建DOM(文档对象模型)和CSSOM(CSS对象模型)树。2.遇到script标签时暂停解析HTML,执行该标签内的JavaScript代码。3.当script代码执行完成后,继续解析HTML文件,构建DOM和CSSOM树的同时使用JavaScript操作DOM树。4.当DOM树、CSSOM树构建完成后,浏览器根据这两棵树合并生成渲染树,并在屏幕上显示页面。所以,JavaScript默认加载方法是按照以上步骤执行。

四、网页无法加载js?

+

+1)检查html文档中是否引入js文件,引入的话检查地址是否正确;

+

+2)可能有浏览器访问安全策略导致js不能被加载;

+

+3)检查js代码,看看是否有语法错误;

+

+4)检查服务器是否有正确的返回js文件类型,服务器应答头中是否指定正确的MIME类型;

+

+5)如果js文件依赖了另外的插件,要检查这些依赖插件是否正确加载了;

+

+6)检查是否是缓存导致的,尝试清除缓存重新载入;

五、js加载错误怎么解决?

js加载错误是指网页在读取js文件的时候,读取不到文件,就会提示失败。

如果是自己在开发调试时,一般只要在浏览器上按F12,打开调试模式,可以看到提示失败的详细原因,如果是文件找不到,会有明显说明哪个文件路径的文件为404找不到而报错,按照路径把缺失js文件补上就好。

六、js不能加载本地资源?

方案一:可以将项目部署在web服务器上,如tomcat,

将目录移动到例如apache-tomcat-7.0.47\webapps\下,启动tomcat,然后浏览器打开后输入http://localhost/...即可。

方案二:设置浏览器

现在浏览器为了安全起见,一般都默认不能加载本地文件,其实我们设置一下就可以加载了。

Chrome:

1、

(1)得到Chrome的安装路径,例如:C:\Program Files\Google\Chrome\Application

(2)在命令行窗口,输入安装路径,加上--allow-file-access-from-files参数,例如:

Chrome installation path\chrome.exe --allow-file-access-from-files

     重新启动浏览器即可。

2、在Chrome的快捷方式,右键->属性->目标的文本框中加上参数 --allow-file-access-from-files

例:"C:\Program Files \Google\Chrome\Application\chrome.exe" --allow-file-access-from-files

Firefox:

1、在浏览器的地址栏输入“about:config”,回车

2、在过滤器(filter)中搜索“security.fileuri.strict_origin_policy”

3、将security.fileuri.strict_origin_policy设置为false

4、关闭目前开启的所有Firefox窗口,然后重新启动Firefox。

七、js获取元素的方式?

1 有多种方式可以获取元素,包括但不限于通过id、class、标签名、属性名等来获取元素。2 具体来说,可以通过document.getElementById()、document.getElementsByClassName()、document.getElementsByTagName()、document.querySelector()、document.querySelectorAll()等方法来获取元素。3 此外,还可以使用jQuery等库来获取元素,以及通过自定义属性、事件委托等方法来实现多样化的元素获取方式。

八、怎么停止长时间不能加载成功的js文件的加载?

一般网页,都是 html 文件设置为 不缓存。而 css,js 图片等静态文件,设置一个比较长的 缓存时间。好处。

1.如果 js没有修改,那么每次都市浏览器直接拿缓存里面的。

2.如果js 有修改 ,那么就重新添加一个时间戳 ,这样 html 就是引用了一个新的js, 浏览器就会重新去下载这个js 。你个第二个问题,1楼 已经回复的蛮清楚了。

九、nginx怎么不能加载JS文件?

不能加载JS文件原因有很多的,一般来说是目录权限的问题。

。执行下面的命令后搞定了 chmod 777 -R webDir

十、怎么判断js脚本加载完成?

由于HTML是解释型语言,一般的DOM构建顺序是这样子的:(html → head → title → #text(网页标题) → style → 加载样式 → 解析样式 → link → 加载外部样式表文件 → 解析外部样式表 → script → 加载外部脚本文件 → 解析外部脚本文件 → 执行外部脚本 → body → div → script → 加载脚本 → 解析脚本 → 执行脚本 → img → script → 加载脚本 → 解析脚本 → 执行脚本 → 加载外部图像文件 → 页面初始化完毕)

顶一下
(0)
0%
踩一下
(0)
0%
上一篇:返回栏目