页面进入立即执行的js方法写法：

最新推荐文章于 2023-05-05 17:09:13 发布

Marttin2

最新推荐文章于 2023-05-05 17:09:13 发布

阅读量1.8w

点赞数 2

分类专栏： java

本文链接：https://blog.csdn.net/qq_39822451/article/details/84747848

版权

java 专栏收录该内容

253 篇文章 1 订阅

订阅专栏

一、js方法
1.直接写到html的body标签里面：

<html> 
	<body onload="func1();"> 
	</body> 
</html>

2.在JS语句调用：

<script type="text/javascript">
/*用window.onload调用myfun1()*/
function myfun1(){ 　　 
	alert("222"); 　　
} 
//不要括号　　　　
window.onload = myfun1;
</script>

<script type="text/javascript">
window.onload=function(){
	func1();
}
</script>

二、JQuery方法对比js
1.整个页面的document全部加载完成以后执行,
这种方式不仅要求页面的DOM tree全部加载完成，而且要求所有的外部图片和资源全部加载完成。
如果外部资源，例如图片需要很长时间来加载，那么这个js方法执行感觉就比较慢了。
这是一种最严谨的页面加载完再执行方法的方法。
window.onload不能同时编写多个function，如果有多个window.onload方法，只会执行一个
$(document).ready()可以同时编写多个，并且都可以得到执行

window.onload =function() {
	alert("111"); 　　
};

2.仅只需要加载所有的DOM结构，在浏览器把所有的HTML放入DOM tree之前就执行方法。
包括在加载外部图片和资源之前。

$(document).ready(function() { 
	//添加效果
	$("table tr:nth-child(even)").addClass("even"); 
});

$(function() { 
	alert("333"); 　
});

3.如果有冲突：用“j”来替换了$

var j = jQuery.noConflict();

Marttin2

关注

2
点赞
踩
15

收藏

觉得还不错? 一键收藏
0
评论
页面进入立即执行的js方法写法：

一、js方法1.直接写到html的body标签里面：&lt;html&gt; &lt;body onload="func1();"&gt; &lt;/body&gt; &lt;/html&gt;2.在JS语句调用： &lt;script type="text/javascript"&gt;/*用window.onload调用myfun1()*/functi
复制链接

扫一扫