suchen

Heim >Web-Frontend >js-Tutorial >动态加载脚本提升javascript性能_javascript技巧

动态加载脚本提升javascript性能_javascript技巧

WBOY
WBOYOriginal
2016-05-16 16:58:35797Durchsuche

通过文档对象模型（DOM），几乎可以用Javascript动态创建HTML中的所有 内容。其根本在于，<script>标签与页面中的其他元素并无差异：都能通过DOM引用，都能在文档中移动、删除，甚至被创建。用标准的DOM方法可以非常容易地创建一个新年的<script>元素： <BR><div class="codetitle"><span><a style="CURSOR: pointer" data="27506" class="copybut" id="copybut27506" onclick="doCopy('code27506')"><U>复制代码 代码如下:<div class="codebody" id="code27506"> <BR><script type="text/javascript"> <BR>var script=document.createElement("script"); <BR>script.type="text/javascript"; <BR>script.src="file1.js"; <BR>document.getElementByTagName("head")[0].appendChild(script); <BR></script>

这个新创建的<script>元素加载了file1.js文件。文件在该元素被添加到页面时开始下载。这种技术的重点在于：无论在何时启动下载，文件的下载和执行过程不会阻塞页面其他进程。你甚至可以将代码放到页面<head>区域而不会影响页面其他部分。 </script>

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：JavaScript 实现鼠标拖动元素实例代码_javascript技巧Nächster Artikel：jquery实现checkbox 全选/全不选的通用写法_jquery

In Verbindung stehende Artikel

Mehr sehen