windowonload和function区别

最新推荐文章于 2021-08-30 20:08:38 发布

33-Hope

最新推荐文章于 2021-08-30 20:08:38 发布

阅读量230

点赞数

分类专栏： JQuery 文章标签： jquery javascript js

本文链接：https://blog.csdn.net/LuM523/article/details/105513476

版权

JQuery 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

结论：

window.onload 只能定义一次,如果定义多次，后边的会将前边的覆盖掉
$(function)可以定义多次的。

案例演示：

window.onload

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>事件绑定</title>
    <script>     
        window.onload = function(){
            alert("abc");
        };
        window.onload =  function(){
            alert("bcd");
        };
    </script>
</head>
<body>
   
</body>
</html>

可以试验一下代码，结果为：只弹出“bcd”，第一个function（）被覆盖掉

$(function)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>事件绑定</title>
    <script src="js/jquery-3.3.1.min.js"></script>
    <script> 
      $(function(){
           alert(123);
       });
       $(function(){
           alert(234);
       });
    </script>
</head>
<body>
    
</body>
</html>

可以试验一下代码，结果为：先弹出123，然后在弹出234
注：记得导入jquery的js文件（路径自己修改）

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

33-Hope

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
windowonload和function区别

结论：window.onload 只能定义一次,如果定义多次，后边的会将前边的覆盖掉$(function)可以定义多次的。案例演示：window.onload<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>事件绑定...
复制链接

扫一扫