                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

为什么放在<head>标签里就不能用，而放在<body>标签里就可以使用呢？

<script type="text/javascript">
var body= document.body;
var btn = document.createElement("input");
btn.setAttribute("type", "text");
btn.setAttribute("name", "q");
btn.setAttribute("value", "使用setAttribute");
btn.setAttribute("onclick", "javascript:alert('This is a text!');");
body.appendChild(btn);
</script>
为什么放在<head>标签里就不能用，而放在<body>标签里就可以使用呢？

慕粉木粉

2016-09-20

源自：JavaScript进阶篇 9-16

关注问题我要回答

2466

操作

收起

2 回答

Amor丶安于命回答被采纳 +3 积分
2016-09-20

var body= document.body;

这句代码需要有body元素才有效，如果放在head里，这句代码会先执行，后面的body后执行，应该就是var body= document.body; 先执行了，但是没有找到body这个元素，所以无效。放在body后面的话，就会先加载body元素，页面上就存在body元素了，那么这句代码就能正常执行了。

1 回复有任何疑惑可以回复我~

#1

慕粉木粉提问者

非常感谢！

2016-09-20 回复有任何疑惑可以回复我~

慕粉3744858
2016-09-20

在head标签里的话就先运行了这段js，body还没有加载

0 回复有任何疑惑可以回复我~

#1

慕粉木粉提问者

谢谢，明白了

2016-09-20 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

JavaScript进阶篇

参与学习 468043 人
解答问题 21891 个

本课程从如何插入JS代码开始，带您进入网页动态交互世界

本课相似问答

3 回答为什么吧startCount();放在head中不能运行，而放在注视处就可以呢？不解

2 回答为什么onfocus放在form标签中没用

3 回答onload事件只可以放在<body>标签中吗

1 回答光标事件放在form标签里面能触发么？

1 回答为什么这个js放head里面就可以，上节课改颜色的放head里就不行呢？

搜索更多本课相关问答

为什么放在<head>标签里就不能用，而放在<body>标签里就可以使用呢？

我要回答关注问题

意见反馈帮助中心 APP下载