在页面加载之后,是否有任何短而最好的方法可以一次性加载所需的javascript集和其他javascript文件?
要求:在页面加载之后,是否有任何短而最好的方法可以一次性加载所需的javascript集和其他javascript文件?,javascript,web,scripting,progressive-web-apps,pageload,Javascript,Web,Scripting,Progressive Web Apps,Pageload,要求: 最初加载页面加载所需的脚本(意味着脚本下载应在同一点开始) 加载页面dom后,应加载其他第三方脚本。(这些脚本也应在同一点开始下载) 我们尝试: -在正文之前加载了req脚本 -添加了侦听器以在页面dom加载后加载第二组脚本 但脚本下载开始时仍然不太合适。 您可以使用事件来了解页面何时完成加载(不包括页面主要不需要的第三方脚本),以及/操作/呈现/事件处理程序中的任何内容 <script> window.addEventListener("load", functio
- 最初加载页面加载所需的脚本(意味着脚本下载应在同一点开始)
- 加载页面dom后,应加载其他第三方脚本。(这些脚本也应在同一点开始下载)
<script>
window.addEventListener("load", function(event) {
console.log("All resources finished loading!");
$.getScript( "ajax/test.js" )
.done(function( script, textStatus ) {
console.log( textStatus );
})
.fail(function( jqxhr, settings, exception ) {
$( "div.log" ).text( "Triggered ajaxError handler." );
});
});
</script>
addEventListener(“加载”),函数(事件){
log(“所有资源已完成加载!”);
$.getScript(“ajax/test.js”)
.done(函数(脚本、文本状态){
console.log(textStatus);
})
.失败(功能(jqxhr、设置、异常){
$(“div.log”).text(“触发的ajaxError处理程序”);
});
});
还可以使用webpack等捆绑工具将所有主要JS文件捆绑到一个文件中,将CSS捆绑到一个文件中。这将显著增加页面负载 你说不规则是什么意思?没有按时装货吗?您的代码是否无法在页面上执行?我不知道你到底在问什么,但也许你正在寻找捆绑之类的东西?现在在desc中,请检查两个图像,其中第一个图像是我希望如何加载脚本,第二个图像是实现后脚本如何加载。很抱歉,我看不到图像。不是你的错,只是我的防火墙:/