javascript - 如何让网站打开前先加载一个js文件呢？
本文介绍了javascript - 如何让网站打开前先加载一个js文件呢？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
而且网站加载完成正常打开后网页代码里面不显示那段加载js的代码。这种能做到吗？？？求解
解决方案
不知道题主怎么定义 网站打开前呢？
如果只是说让网页早点加载js文件的话 ，可以把script引用放到head标签去。
不过题意又要求打开后网页代码不显示那段js，我是这么理解的，既然这样，其实主要分两步：
在head标签写一段内联js代码，代码的主要作用是负责引入js文件以及后续动作
所谓后续动作，就是引入文件后触发加载事件把这个文件的引入从文档dom里移除
我简单列一个demo：
首先准备页面 t.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>waterfall</title>
<script type="text/javascript">
(function(){
// 动态加载script
var script = document.createElement('script');
var head = document.getElementsByTagName('head')[0];
// console.log(head);
// 脚本加载完就移除
script.onload = function(){
console.log('loaded script ready to remove');
head.removeChild(script);
};
script.src = './t.js';
console.log('load script');
// 将script放到head里
head.appendChild(script);
})();
</script>
</head>
<body>
<div id="wrap" class="wrap"></div>
</body>
</html>被引入的js： t.js
(function(){
console.log('hello i am t');
})()不知道这是不是题主要的效果？
这篇关于javascript - 如何让网站打开前先加载一个js文件呢？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
