JavaScript 頁面加載方法


JavaScript頁面加載后自動執行

JavaScript和jQuery中關於頁面加載完成自動執行有以下幾種寫法:

//第一種
window.onload = function(){};
//第二種
$(document).ready(function(){});
$(function(){});
//第三種
$(window).ready(function(){});
//第四種 <body onload="alertXXX('body')">
//第五種
document.readyState = function(){};
<!DOCTYPE html>
<html lang="en" dir="ltr">
    <head>
        <meta charset="utf-8">
        <title>頁面加載</title>
        <script src="jQuery-3.4.1.js"></script>
        <script>
            function alertXXX(str) {
                alert('This is————' + str)
            }

            $(window).ready(alertXXX('$(window).ready()'));
            window.onload = alertXXX('window.onload');
            document.readyState = alertXXX('document');
            $(document).ready(alertXXX('$(document).ready()'));
            $().ready(alertXXX('$().ready()'));
        </script>
    </head>

    <body onload="alertXXX('body')">
    </body>
</html>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM