关于执行多个window.onload方法的疑惑

入门有点晚

于 2021-12-02 10:01:34 发布

阅读量638

点赞数

文章标签： javascript html css

本文链接：https://blog.youkuaiyun.com/weixin_45190226/article/details/121670432

版权

本文探讨了在HTML中多个window.onload方法的执行情况，尤其是当使用addLoadEvent函数来统一调用时遇到的问题。代码示例显示，后续的匿名window.onload函数会覆盖先前的函数，导致错误。通过addLoadEvent函数传入普通函数以提高代码复用性，但依然存在疑问和挑战。

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

下面代码特点是：
在<script>标签中前面有两个wondow.onload函数，后面用addLoadEvent函数统一调用。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>执行多个window.onload匿名函数</title>
    <style type="text/css">
        /*类名选择器*/
        .class1{
   height: 70px;width: 150px;
            text-align: center;/*设置容器中文字位置*/
            border-style: dashed;
            border-width: 3px;
            border-color: #FF0099;
            background-color: #99CCFF;}
    </style>
    <script type="text/javascript">
        var firstMethod = window.onload = function () {
   
            var oDiv1