Dynamically loading scripts improves javascript performance
- 2020-03-30 02:06:13
- OfStack
With the document object model (DOM), you can create almost anything in HTML dynamically with Javascript. The root of this is < Script> Tags are no different from other elements on the page: they can all be referenced by the DOM, moved, deleted, or even created in the document. The standard DOM method makes it very easy to create a New Year's resolution. Script> Chemical element:
This newly created < Script> The element loads the file1.js file. The file is downloaded when the element is added to the page. The point of this technique is that the download and execution of the file does not block the rest of the page whenever the download is started. You can even put code on the page. Head> Area without affecting the rest of the page.
<script type="text/javascript">
var script=document.createElement("script");
script.type="text/javascript";
script.src="file1.js";
document.getElementByTagName("head")[0].appendChild(script);
</script>
This newly created < Script> The element loads the file1.js file. The file is downloaded when the element is added to the page. The point of this technique is that the download and execution of the file does not block the rest of the page whenever the download is started. You can even put code on the page. Head> Area without affecting the rest of the page.