js：关于window.onload

时间 2019-11-11

标签关于 window.onload window onload 栏目 JavaScript 繁體版

原文原文链接

下图来自：http://www.cnblogs.com/wsun/p/3916487.html。javascript

示例1

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>
        <h1> heading 1</h1>
        <h1> heading 2</h1>
        <h1> heading 3</h1>
        <script>
            window.onload = function()  { alert("text1");}; 
        </script>

        <script>
            window.onload = function()  { alert("text2");}; 
        </script>
    </body>
</html>

或者：html

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>
        <h1> heading 1</h1>
        <h1> heading 2</h1>
        <h1> heading 3</h1>
        <script>
            window.onload = function()  { alert("text1");}; 
            window.onload = function()  { alert("text2");}; 
        </script>
    </body>
</html>

浏览器打开时只会执行alert("text2");。java

示例2

此次在外部文件里使用window.load：浏览器

test.js：ui

window.load = function() {
    alert("text3");
};

html：code

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>
        <h1> heading 1</h1>
        <h1> heading 2</h1>
        <h1> heading 3</h1>
        <script type="text/javascript" src="test.js"></script>
        <script>
            window.onload = function()  { alert("text1");}; 
            window.onload = function()  { alert("text2");}; 
        </script>
    </body>
</html>

或者：htm

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>
        <h1> heading 1</h1>
        <h1> heading 2</h1>
        <h1> heading 3</h1>
        <script>
            window.onload = function()  { alert("text1");}; 
            window.onload = function()  { alert("text2");}; 
        </script>
        <script type="text/javascript" src="test.js"></script>
    </body>
</html>

浏览器打开时只会执行alert("text2");。blog

因此外部文件中使用window.load是没有效果的。图片

能够用下面的html验证：ip

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>
        <h1> heading 1</h1>
        <h1> heading 2</h1>
        <h1> heading 3</h1>
		<script type="text/javascript" src="./test.js"></script>
    </body>
</html>

结果是没有alert被执行。