                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript入门篇

script的安放位置

为什么我把script放在head里面就没有效果啊，只有把script放在body里面才有那些效果。

qq_无垠瀚海_04069334

2016-11-06

源自：JavaScript入门篇 3-4

关注问题我要回答

829

操作

收起

3 回答

慕勒6241362
2016-11-06

document.getElementById("con")涉及到 DOM 操作，script 放在 <head> 标签里执行时，没有找到对应的 DOM 对象可以操作，当然就失效了。

把script放在<head>元素中，就必须等到 js 代码被执行完以后才能开始呈现页面内容，这会造成页面出现延迟，所以一般都把 js 代码放在<body>中页面内容的后面。

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

收起回答

qq_无垠瀚海_04069334 提问者
2016-11-06

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>无标题文档</title>

var mychar=document.getElementById("con");

mychar.style.color="red";

mychar.style.backgroundColor="blue";

mychar.style.fontSize="20px";

mychar.style.width="300px";

</script>

</head>

<body>

<h1 id="con">I love JavaScript</h1>

<p>JavaScript使网页显示动态效果并实现与用户交互功能。</p>

</body>

</html>

按照这个代码完全没有效果；

按照下面的代码就有效果：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>无标题文档</title>

</head>

<body>

<h1 id="con">I love JavaScript</h1>

<p>JavaScript使网页显示动态效果并实现与用户交互功能。</p>

var mychar=document.getElementById("con");

mychar.style.color="red";

mychar.style.backgroundColor="blue";

mychar.style.fontSize="20px";

mychar.style.width="300px";

</script>

</body>

</html>

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

收起回答

qq_明了_04341418
2016-11-06

有没有用script的结尾

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

收起回答

0/150

提交

取消

JavaScript入门篇

参与学习 739723 人
解答问题 9566 个

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

进入课程

本课相似问答

1 回答script位置

3 回答<script></script>标签的位置？

5 回答<script></script>标签放置

2 回答script标签的放置问题

3 回答关于<script>的位置

搜索更多本课相关问答

script的安放位置

我要回答关注问题

热搜

最近搜索清空

script的安放位置

3 回答

本课相似问答

script的安放位置