页面加载时执行js的几种方法

最新推荐文章于 2025-06-06 12:32:49 发布

转载最新推荐文章于 2025-06-06 12:32:49 发布 · 2.6w 阅读

本文介绍了JavaScript中实现页面加载时执行特定函数的三种方法，包括直接在HTML的body标签中设置onload属性，以及在JavaScript代码中通过window.onload进行设置。此外，还详细描述了jQuery提供的三种页面加载初始化方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、JS方法

转自：http://blog.youkuaiyun.com/zdnlp/article/details/14231067

1.最简单的调用方式，直接写到html的body标签里面：

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

2.在JS语句调用：

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

3。

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

二、JQ方法

转自：http://blog.youkuaiyun.com/tjcyjd/article/details/6713474

jQuery 页面加载初始化的方法有3种，页面在加载的时候都会执行脚本，应该没什么区别，主要看习惯吧，本人觉得第二种方法最好，比较简洁。

第一种：

[javascript]

$(document).ready(function(){
alert("第一种方法。");
});

第二种：

[javascript]

$(function(){
alert("第二种方法。");
});

第三种：

[javascript]

jQuery(function($) {
alert("第三种方法。");
});

ps;不用jquery，在页面初始化的方法，

1.在body里面写onload

2.在脚本里面写

[javascript]

window.οnlοad=function(){
//要初始化的东西
}

由于jquery使用$符号，这样和有些组件，例如dwr就有冲突，为了解决这个问题，可以使用

[javascript]

var j = jQuery.noConflict();

这样就用“j”来替换了$。