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

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

WBOY
Freigeben: 2016-05-16 16:58:35
Original
800 Leute haben es durchsucht

通过文档对象模型(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>

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage