window.onload 方法的作用

末蓝、 2022-11-21 11:45 241阅读 0赞

### window.onload的作用 ###

写在head标签里面的script可以在window.onload方法里，**这样浏览器就会在页面加载完成后再执行script代码。**

下面举个例子：

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>
            #box { 
                width: 200px;
                height: 200px;
                background-color: cadetblue;
                margin: 0 auto;
            }
        </style>
        <script>
            window.onload = function () { 
                var falg = true;
                var btn = document.getElementById("btn").onclick = function () { 
                    if(falg == true) { 
                        document.getElementById("box").style.width = "400px";
                        document.getElementById("box").style.height = "400px";
                        falg = false;
                    }else { 
                        document.getElementById("box").style.width = "200px";
                        document.getElementById("box").style.height = "200px";
                        falg = true;
                    }
    
                }
            }
    
        </script>
    </head>
    
    
    <body>
    <input type="button" name="mybutton" id="btn" value="改变大小">
    <div id="box"></div>
    
    </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，241人围观）

还没有评论，来说两句吧...

相关阅读

相关 hashcode方法的作用

在Java中，hashCode()方法是一个非常重要的方法，它的作用是返回对象的哈希码。哈希码是一个整数，它可以用来代表一个对象。在Java中，哈希码主要被用于哈希表、散列表等

深碍√TFBOYSˉ_/ 2024年03月16日 14:03/ 0 赞/ 78 阅读

相关 hashCode方法的作用

首先hashcode ()方法的作用是返回对象的哈希码值。 ![1135822-20190820152316891-1164251743.png][] public

忘是亡心i/ 2023年08月17日 17:31/ 0 赞/ 119 阅读

相关 jQuery面试题-jQuery 添加元素的方法？jQuery(document)ready() 和 windowonload有什么区别？

jQuery 添加元素的方法 append() - 在被选元素的结尾插入内容（被选元素内部） prepend() - 在被选元素的开头插入内容（被选元素内部）

短命女/ 2023年05月29日 09:29/ 0 赞/ 26 阅读

相关 hashcode()方法的作用

hashcode()方法的作用 hashcode()方法主要配合基于散列的集合一起使用，比如HashSet、HashMap、HashTable。当集合需要添加新的对象

淡淡的烟草味﹌/ 2022年12月04日 09:25/ 0 赞/ 195 阅读

相关如何监听页面就绪（早于windowonload）

原文地址：http://www.javascriptkit.com/dhtmltutors/domready.shtml 在DOM树就绪时就启动页面执行JavaScript

谁践踏了优雅/ 2022年07月13日 12:29/ 0 赞/ 236 阅读

相关 hashCode 方法的作用？

首先，想要明白 hashCode 的作用，你必须要先知道 Java 中的集合。总的来说，Java 中的集合（Collection）有两类，一类是

迷南。/ 2022年06月02日 11:46/ 0 赞/ 278 阅读

相关 Java getId()方法的作用

getId() 方法的作用非常简单，就是取得正在运行线程的唯一标识。如下代码演示了 getId() 方法的使用： 1. package ch14; 2. p

曾经终败给现在/ 2021年12月10日 22:41/ 0 赞/ 353 阅读

相关 Java isAlive()方法的作用

isAlive() 方法的作用是判断当前的线程是否处于活动状态。什么是活动状态呢？活动状态就是线程已经启动且尚未终止。线程处于正在运行或准备开始运行的状态，就认为线程是“存活”

旧城等待，/ 2021年12月10日 22:39/ 0 赞/ 174 阅读

相关 Java curentThread()方法的作用

curentThread() 方法可返回代码段正在被哪个线程调用的信息。下面通过一个示例进行说明。例 1 假设在主线程中有如下代码： 1. public

我就是我/ 2021年12月10日 22:37/ 0 赞/ 220 阅读

相关 Jquery美元符(document)ready和windowonload的区别

[\[原文跳转\]jquery $(document).ready() 与window.onload的区别][jquery _document_.ready_ _window.

比眉伴天荒/ 2021年12月03日 13:53/ 0 赞/ 331 阅读