首頁猿問如何設(shè)置html加載完畢才出發(fā)事件

如何設(shè)置html加載完畢才出發(fā)事件

JavaScript

恩言 2016-02-06 00:11:57

比如我的JS中有一個函數(shù)func需要在頁面加載完之后點擊button按鈕才能調(diào)用，應(yīng)該怎么辦呢?請大神給一個小實例，謝謝啦

查看完整描述

2 回答

已采納

李曉健

TA貢獻(xiàn)1036條經(jīng)驗獲得超461個贊

<!DOCTYPE?html>
<html>
<head>
????<meta?charset="utf-8">
????<title>事件</title>
????<script?type="text/javascript">
????????//方法一??把事件寫到window.onload里面
????????window.onload=function(){
????????????var?button?=?document.getElementById('button');
????????????button.onclick?=?function(){
????????????????alert('你點擊了我')
????????????}
????????}
????</script>
</head>
<body>
<button?id="button">點擊我</button>
</body>
</html>

<!DOCTYPE?html>
<html>
<head>
????<meta?charset="utf-8">
????<title>事件</title>
????<script?type="text/javascript">
????????function?clickMe(){
????????????alert('你點了我')
????????}
????</script>
</head>
<body>
<!--方法二??把事件直接寫到元素上-->
<button?id="button"?onclick="clickMe()">點擊我</button>
</body>
</html>

<!DOCTYPE?html>
<html>
<head>
????<meta?charset="utf-8">
????<title>事件</title>
</head>
<body>
<button?id="button">點擊我</button>

<!--方法三??把script標(biāo)簽寫到body標(biāo)簽最后-->
<script>
????var?button?=?document.getElementById('button');
????button.onclick?=?function(){
????????alert('你點擊了我')
????}
</script>
</body>
</html>

以上是不借助任何第三方工具的最常見的三種寫法

6 反對回復(fù) 2016-02-06