您的位置：首页 > 其它

body和document的梗

2015-06-08 15:06 405 查看
http://bbs.zhinengshe.com/thread-1199-1-1.html

1. 在空白的页面加点击事件，是加在body上么 ？

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script>
window.onload = function () {
document.body.onclick = function () {
alert("hello");
}
}
</script>
</head>
<body>
</body>
</html>


2. document是什么 ?

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script>
window.onload = function () {
alert(document.childNodes[1].tagName);
}
</script>
</head>
<body>
</body>
</html>


弹出结果为"HTML". 代码中最顶层的节点为<!DOCTYPE html>和<html>，其实这两个节点有一个虚拟的父节点，这个父节点就是document.

3. 把点击事件加在document上，事情就靠谱了~

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script>
window.onload = function () {
document.onclick = function () {
alert("hello");
}
}
</script>
</head>
<body>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航