而且網(wǎng)站載入完成正常開(kāi)啟後網(wǎng)頁(yè)程式碼裡面不顯示那段載入js的程式碼。這種能做到嗎? ? ?求解
不知道題主怎麼定義 網(wǎng)站開(kāi)啟前呢?
如果只是說(shuō)讓網(wǎng)頁(yè)早點(diǎn)載入js檔案的話 ,可以把script引用放到head標(biāo)籤去。
不過(guò)題意又要求開(kāi)啟後網(wǎng)頁(yè)程式碼不要顯示那段js,我是這麼理解的,既然這樣,其實(shí)主要分兩步:
在head標(biāo)籤寫一段內(nèi)聯(lián)js程式碼,程式碼的主要功能是負(fù)責(zé)引入js檔案以及後續(xù)動(dòng)作
所謂後續(xù)動(dòng)作,就是引入文件後觸發(fā)載入事件把這個(gè)文件的引入從文檔dom中移除
我簡(jiǎn)單列一個(gè)demo:
先準(zhǔn)備頁(yè)面 t.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>waterfall</title>
<script type="text/javascript">
(function(){
// 動(dòng)態(tài)加載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');
})()
不知道這是不是題主要的效果?
用web伺服器(如nginx)往頁(yè)裡面插內(nèi)容?
接著這段js也在監(jiān)聽(tīng)頁(yè)面是否被載入完,載入完就刪除自己。