龙空技术网

javascript技巧:非阻塞动态加载

Javascript星球 118

前言:

此时我们对“js加载gif图片加载不出来”大约比较注重,小伙伴们都需要分析一些“js加载gif图片加载不出来”的相关内容。那么小编在网络上网罗了一些有关“js加载gif图片加载不出来””的相关文章,希望兄弟们能喜欢,咱们一起来学习一下吧!

将所有<script>标签放置在页面底部,紧靠关闭标签</body>的上方。此方法可以保证页面在脚本运行之前完成解析。将脚本成组打包。页面的<script>标签越少,页面的加载速度就越快,响应也更迅速。不论外部脚本文件还是内联代码都是如此。有几种方法可以使用非阻塞方式下载Javascript:为<script>标签添加defer属性动态创建<script>元素,用它下载并执行代码

<script type="text/javascript">

function loadScript(url, callback){

var script = document.createElement ("script");

  script.type = "text/javascript";

if (script.readyState){ //IE

script.onreadystatechange = function(){

if (script.readyState == "loaded" || script.readyState == "complete"){

script.onreadystatechange = null;

callback();

}

}

} else { //Others

script.onload = function(){

   callback();

};

}

script.src = url;

document.getElementsByTagName("head")[0].appendChild(script);

}

loadScript("the-rest.js", function(){

   Application.init();

});

</script>

标签: #js加载gif图片加载不出来 #javascript动态加载 #js页面加载时执行的命令 #调试动态加载的js