addLoadEvent函数与onload事件

    xiaoxiao2023-09-29  141

    addLoadEvent函数:页面第一次加载的时候触发事件;

    window.onload事件:页面加载完成后(加载完成后),立即执行;

    源码:

    <!DOCTYPE html>

    <html lang="en">

    <head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Document</title>

    </head>

    <body>

     

    </body>

    <script src='./doem1.js'></script>

    </html>

     

     

     

     

    window.onload = function() {

    test1();

    test2();

    test3();

    }

     

    function test1(){

    console.log('测试1');

    }

     

    function test2(){

    console.log('测试2');

    }

     

    function test3(){

    console.log('测试3');

    }

     

    function addLoadEvent(func) {

    var oldonload = window.onload;//将现有的事件处理函数的值存入变量中

    if (typeof window.onload != 'function') {

    window.onload = func;//如果这个事件处理函数没有绑定任何函数,就把新函数添加给它

    } else {

    window.onload = function() {

    oldonload();

    func();//如果已经绑定了函数,就把新函数追加到现有指令的末尾

    }

    }

    }

     

    addLoadEvent(test1);

    addLoadEvent(test2);

     

     

     

     

     

    最新回复(0)