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>