<head>
<meta charset="UTF-8">
<title>Title</title>
<!-- 浏览器在加载一个页面时,按照自上向下的顺序加载的
读取到一行就运行一行,如果script标签写到页面的上边,
在代码执行时,页面还没有加载
-->
<!-- onload事件会在整个页面加载完成之后才触发
为window绑定一个onload事件
该事件对应的响应函数会将在页面加载完成之后执行
这样可以确保我们的代码执行时所有的DOM对象已经加载完毕了
-->
<script>
window.onload = function (){
//获得id为btn的按钮
var btn = document.getElementById('btn');
//为按钮绑定一个单机响应函数
btn.onclick=function (){
alert("hello");
}
};
</script>
</head>
<body>
<button id="btn">点我一下 </button>
<!--将js代码编写到页面的下面就是为了,可以在页面加载完毕以后再执行js代码-->
<!--<script>-->
<!-- //获得id为btn的按钮-->
<!-- var btn = document.getElementById('btn');-->
<!-- //为按钮绑定一个单机响应函数-->
<!-- btn.onclick=function (){-->
<!-- alert("hello");-->
<!-- }-->
<!--</script>-->
</body>
DOM文档的加载
最新推荐文章于 2022-02-15 19:51:21 发布