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

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

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

一、JS方法

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

1.最简单的调用方式,直接写到html的body标签里面:
1
2
<body onload="myfunction()">
<html> <body onload="func1();func2();func3();"> </body> </html>

2.在JS语句调用:
1
2
3
4
5
<script type="text/javascript">
  function myfun()   
{    alert("this window.onload");   }   /*用window.onload调用myfun()*/  
window.onload = myfun;//不要括号
</script>

3。
1
2
3
4
5
6
<script type="text/javascript">
window.onload=function(){
func1();
func2();
func3(); }
</script>


二、JQ方法

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

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

第一种:

[javascript]
  1. $(document).ready(function(){  
  2.      alert("第一种方法。");   
  3. });  
第二种:

[javascript]
  1. $(function(){  
  2.     alert("第二种方法。");  
  3. });  
第三种:

[javascript]
  1. jQuery(function($) {  
  2.     alert("第三种方法。");  
  3. });  

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

1.在body里面写onload

2.在脚本里面写

[javascript]
  1. window.οnlοad=function(){  
  2.     //要初始化的东西  
  3. }  

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

[javascript]
  1. var j = jQuery.noConflict();    

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


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值