码迷,mamicode.com
首页 > 其他好文 > 详细

1307文档的加载

时间:2020-04-15 21:47:41      阅读:87      评论:0      收藏:0      [点我收藏+]

标签:获取   function   单击   事件   cli   button   java   无法   document   

/*
* 浏览器在加载一个页面时,是按照自上向下的顺序加载的,
* 读取到一行就运行一行,如果将script标签写到页面的上边,
* 在代码执行时,页面还没有加载,页面没有加载DOM对象也没有加载
* 会导致无法获取到DOM对象
*/



/*
* onload事件会在整个页面加载完成之后才触发
* 为window绑定一个onload事件
* 该事件对应的响应函数将会在页面加载完成之后执行,
* 这样可以确保我们的代码执行时所有的DOM对象已经加载完毕了
*
*/
window.onload = function(){
//获取id为btn的按钮
var btn = document.getElementById("btn");
//为按钮绑定一个单击响应函数
btn.onclick = function(){
alert("hello");
};
};


</script>
</head>
<body>

<button id="btn">点我一下</button>

<!--<script type="text/javascript">

/*
* 将js代码编写到页面的下部就是为了,可以在页面加载完毕以后再执行js代码
*/
//获取id为btn的按钮
var btn = document.getElementById("btn");
//为按钮绑定一个单击响应函数
btn.onclick = function(){
alert("hello");
};


1307文档的加载

标签:获取   function   单击   事件   cli   button   java   无法   document   

原文地址:https://www.cnblogs.com/xt888/p/12708238.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!