window.onload的使用心得
阿新 • • 發佈：2017-07-03
deb 觸發 ava 開始 這不 頁面 div nload ctype 如果我問你window.onload是什麽意思，恐怕你會回答我：“這不是頁面加載完就執行嗎”。
但是答案是不一定，得看你怎麽用。看一下例子吧
例1： 代碼如下: <!DOCTYPE HTML>
<html>
<head>
<title></title>
<script type="text/javascript">
function ShowMessage()
{
alert("true");
}
window.onload=ShowMessage();
</script>
</head>
<body>
當你看到true時看不到我
</body>
</html>
當你看到true的彈出框的時候，你肯定沒有看到“當你看到true時看不到我”，說明頁面還沒有載入完就已經開始執行js了。
例2 代碼如下:
<!DOCTYPE HTML>
<html>
<head>
<title></title>
<script type="text/javascript">
function ShowMessage()
{
alert("true");
}
window.onload=function(){ShowMessage();}
</script>
</head>
<body>
你看到true時就看到我了
</body>
</html>
當你看到true的彈出框的時候，你也會看到“你看到true時就看到我了”，這個才是真正的頁面載入完才觸發。
PS：推薦像onload事件之類的使用匿名函數執行，即window.onload=function(){ShowMessage();}這種形式。 參考：腳本之家
例1： 代碼如下: <!DOCTYPE HTML>
<html>
<head>
<title></title>
<script type="text/javascript">
function ShowMessage()
{
alert("true");
}
window.onload=ShowMessage();
</script>
</head>
<body>
當你看到true時看不到我
</body>
</html>
當你看到true的彈出框的時候，你肯定沒有看到“當你看到true時看不到我”，說明頁面還沒有載入完就已經開始執行js了。
例2 代碼如下:
<!DOCTYPE HTML>
<html>
<head>
<title></title>
<script type="text/javascript">
function ShowMessage()
{
alert("true");
}
window.onload=function(){ShowMessage();}
</script>
</head>
<body>
你看到true時就看到我了
</body>
</html>
當你看到true的彈出框的時候，你也會看到“你看到true時就看到我了”，這個才是真正的頁面載入完才觸發。
PS：推薦像onload事件之類的使用匿名函數執行，即window.onload=function(){ShowMessage();}這種形式。 參考：腳本之家
window.onload的使用心得