頁面載入完畢之後自動執行指定程式碼

admin發表於2017-03-29

本章節通過程式碼例項介紹一下如何在頁面完全載入完畢再去執行指定的程式碼。

非常的簡單，只要利用window.onload事件即可實現。

程式碼如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script type="text/javascript">
window.onload=function(){
  var odiv=document.getElementById("show");
  odiv.style.color="red";
}
</script>
<body> 
<div id="show">softwhy.com</div>
</body>
</html>

上面的程式碼當文件完全載入完畢的時候能夠將字型設定為紅色。

關於window.onload事件可以參閱window.onload用法詳解一章節。

相關文章