猿问

如何设置html加载完毕才出发事件

比如我的JS中有一个函数func需要在页面加载完之后点击button按钮才能调用,应该怎么办呢?请大神给一个小实例,谢谢啦

恩言
浏览 2107回答 2
2回答

李晓健

<!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标签写到body标签最后--> <script>     var button = document.getElementById('button');     button.onclick = function(){         alert('你点击了我')     } </script> </body> </html>以上是不借助任何第三方工具的最常见的三种写法
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答