Rumah > hujung hadapan web > tutorial js > 动态加载脚本提升javascript性能_javascript技巧

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

WBOY
Lepaskan: 2016-05-16 16:58:35
asal
796 orang telah melayarinya

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

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan