javascript性能优化

最新推荐文章于 2025-07-10 16:34:21 发布

原创最新推荐文章于 2025-07-10 16:34:21 发布 · 274 阅读

0 ·

CC 4.0 BY-SA版权

js高级程序设计专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一种异步加载YouTube视频或网络音频的方法，以减少网页加载延迟，并提供了一个示例。此外，还讨论了如何高效地操作DOM元素以提高网页性能。

//加载YOUTUBE或网上视频，音频时，为避免因为延迟而造成的网页加载问题，可以采用异步加载。
<script type="text/javascript">
(function () {
var script,
scripts=document.getElementByTagname('script')[0];
function load(url) {
script=document.creatElement(script);
script.async=true;
script.src=url;
script.parentNode.insertBefore(script,scripts);

}
load("输入的URL.js");
load("输入的URL.js")
}())

</script>
//尽量避免过多的操作DOM数，可以把一个经常用到的变量存到一个变量中;
<script type="text/javascript">
var myList="";
var myListHtml=document.getElementById("myList").innerHTML;
for(var i=0;i<100;i++){
myList+="<span>"+i+"</span>";
}
myListHtml=myList;
</script>
//尽量使用
<script type="text/javascript">

$("#myDiv")
.addClass("bold")
.on("click",clickFunction)
.on("mouseover",mouseFunction)
.show();

</script>
//父类中使用子类
<script type="text/javascript">
$("#myDive").find(".class");

</script>