And after the website is loaded and opened normally, the code for loading js will not be displayed in the web page code. Can this be done? ? ? Solve
4
0
0
I don’t know how the questioner defines it before the website is opened?
If you just want the web page to load js files earlier, you can put the script reference in the head tag.
However, the question also requires that the web page code does not display the js after opening. This is how I understand it. In this case, there are two main steps:
Write an inline js code in the head tag. The main function of the code is to introduce the js file and follow-up actions
The so-called follow-up action is to trigger the loading event after introducing the file to remove the introduction of the file from the document dom
I will simply list a demo:
First prepare the page 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>Introduced js: t.js
(function(){
console.log('hello i am t');
})()I wonder if this is the main effect of the question?
If you want to improve the loading speed, you can use cache to load js in advance. I have never encountered this before
Use a web server (such as nginx) to insert content into the page?
Then this js is also monitoring whether the page has been loaded, and deletes itself after loading.
Try putting the actual web page in the iframe and js outside the iframe?
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
