开发工具与关键技术：DW JS
作者：尘则
撰写时间：2021/7/7
OK ! ! ! 话不多说 ! ! ! 直接上代码 ! ! !
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>71_JavaScript文档的加载</title>
</head>
<body>
<script>
/*
浏览器在加载一个页面时，是按照自上而下的顺序加载的
读取到一行的时候就运行一行，如果将script标签写在上面，
在执行代码时，页面还没有加载
*/
// var btn=document.getElementById("btn");
console.log(typeof btn);
// console.log(btn);
// btn.οnclick=function(){
// alert("这是一个button按钮");
// };
/*
onload事件会在整个页面加载完成之后触发
为window绑定一个onload事件
*/
window.οnlοad=function(){
var btn=document.getElementById("btn");
console.log(typeof btn);
// console.log(btn);
btn.οnclick=function(){
alert("这是一个button按钮");
};
}
</script>
<!--onload 事件-->
<button id="btn">按钮</button>
<script>
/*从性能方面考虑，写在下边更好！为了大家养成良好的习惯，强制要求写在下面 */
/*将js代码写在页面的下面，就是为了保证执行代码的时候页面已经加载完毕*/
/* window.onload 在页面上只能出现一次，
后面的代码会覆盖前面的代码
*/
window.οnlοad=function(){
var btn=document.getElementById("btn");
// console.log(typeof btn);
console.log(btn);
btn.οnclick=function(){
alert("哈哈哈");
};
}
</script>
</body>
</html>
好，没了。
1193
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
