大家讲道理2017-05-31 10:36:00
不知道題主怎麼定義 網站開啟前呢?
如果只是說讓網頁早點載入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>
<p id="wrap" class="wrap"></p>
</body>
</html>
被引入的js: t.js
(function(){
console.log('hello i am t');
})()
不知道這是不是題主要的效果?