为了账号安全,请及时绑定邮箱和手机立即绑定

关于Js的插入形式

<script type="text/javascript">
    document.write("hello");
    document.getElementById("p1").style.color="blue";
  </script>

这一段代码在body中能够使p1字段变成蓝色,为什么在head中就不行

正在回答

4 回答

JS代码按从上到下顺序解析,当你把JS代码放在head中的时候,网页先解析你的JS代码,这时并没有id为"p1"的p元素存在,因此这段代码没有对网页产生任何影响;而当你放在body中时,我想也同样把JS代码放在了p元素后面吧?这样的话,p元素先被解析出来,之后JS就会对其的色彩样式产生影响。你可以试试把JS代码放在body中,p元素之前,同样也应该是没有效果的

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

慕粉2145401144 提问者

好的!
2017-07-14 回复 有任何疑惑可以回复我~

试试把js放到p1元素样式后面看看,代码运行是先运行head再运行body的

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

慕粉2145401144 提问者

emmmm谢谢指点!因为只能采纳一个我就采纳了讲的最具体的...多谢啦
2017-07-14 回复 有任何疑惑可以回复我~

emmmm,那js和css的样式设置有什么不一样呢?css的样式设置就算在head里面也都是可以执行的呀

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

因为是顺序执行,P1段在head之后,所以此局是个无效语句,直接跳过

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

举报

0/150
提交
取消
JavaScript入门篇
  • 参与学习       739817    人
  • 解答问题       9566    个

JavaScript做为一名Web工程师的必备技术,本教程让您快速入门

进入课程

关于Js的插入形式

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信