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

最新推荐文章于 2023-04-12 09:18:36 发布

转载最新推荐文章于 2023-04-12 09:18:36 发布 · 3.7k 阅读

·

0

·

CC 4.0 BY-SA版权

原文链接：http://blog.youkuaiyun.com/zdnlp/article/details/14231067

本文详细介绍了JavaScript和jQuery中实现页面加载时执行特定函数的多种方法。JS部分覆盖了直接在HTML中使用onload属性，以及在脚本中通过window.onload赋值的方式。JQ部分则展示了三种常见做法，包括$(document).ready(), $(function(){}

一、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.οnlοad=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”来替换了$。

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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