页⾯⾃动执⾏（加载）js的⼏种⽅法
⼀、JS⽅法
1.最简单的调⽤⽅式，直接写到html的body标签⾥⾯：
js调用方法的三种写法<html>
<body onload="load();">
</body>
</html>
2.在JS语句调⽤：
<script type="text/javascript">
function myfun()  　{  　
alert("load");  　
}  　
/*⽤load调⽤myfun()*/　
// 不要括号
</script>
3。Js调⽤ onload⽅法
<script type="text/javascript">
func1();
func2();
func3();
}
</script>
⼆、JQ⽅法
1.整个页⾯的document全部加载完成以后执⾏。不幸的这种⽅式不仅要求页⾯的DOM tree全部加载完成，⽽且要求所有的外部图⽚和资源全部加载完成。更不幸的是，如果外部资源，例如图⽚需要很长时间来加载，那么这个js⽅法执⾏感觉就⽐较慢了。也就是说这是⼀种最严谨的页⾯加载完再执⾏⽅法的⽅法。
$("table tr:nth-child(even)").addClass("even");
//这个是jquery代码
};
2.仅只需要加载所有的DOM结构，在浏览器把所有的HTML放⼊DOM tree之前就执⾏⽅法。包括在加载外部图⽚和资源之前。$(document).ready(function() {
//任何需要执⾏的js特效
$("table tr:nth-child(even)").addClass("even");
});
有⼀种灰常简便的写法：
$(function() {
$("table tr:nth-child(even)").addClass("even");
//任何需要执⾏的js特效
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。