老师,麻烦检查下
来源:1-14 编程练习
豆包侠
2022-01-26 11:15:55
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>打开/关闭页面</title>
</head>
<body>
<input type="button" value="关闭本页面" id="close">
<input type="button" value="打开慕课网" id="open">
<script type="text/javascript">
//老师这里的onload是指什么 好几天没学忘了
window.onload=function(){
var open=document.getElementById("open"),
close=document.getElementById("close");
open.onclick=function(){
window.open("http://www.imooc.com","imooc","")
}
close.onclick=function(){
window.close()
}
}
</script>
</body>
</html>
1回答
好帮手慕然然
2022-01-26
同学你好,代码实现很棒,问题解答如下:
这里的 onload 是一个事件,window.onload=function(){} 表示在网页加载完毕之后才会执行function回调函数中的代码。此时 DOM 已经渲染完毕,这样在使用 document.getElementById("open") 类似代码获取DOM元素时,才不会报错。一般script标签位于body之前,才会使用window.onload,如果位于body末尾的话,可以不使用window.onload,因为按照从上往下的顺序执行代码,此时DOM 已经渲染完毕了。
祝学习愉快!