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

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