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

用script改变样式的代码写在哪？我试了，只能写在标签后面，写在相关标签前面或者是head里面都没有作用、而且还会出现乱码，这是为什么，是必须这么写的吗？

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>style样式</title>

</head>

<body>

<h2 id="con">I love JavaScript</H2>

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

<script type="text/javascript">

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

mychar.style.color="red";

mychar.style.backgroundColor="#ccc";

mychar.style.width="300px";

</script>

</body>

</html>

慕仙6589279

2016-09-19

源自：JavaScript入门篇 3-4

关注问题我要回答

3149

操作

收起

5 回答

The_Emperor
2016-09-30

http://www.jb51.net/article/44123.htm，看一下这个，前面部分有讲

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

慕粉3951534
2016-09-22

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>style样式</title>
<script type="text/javascript">
    window.onload = function() {
    var mychar= document.getElementById("con");
    mychar.style.color="red";
    mychar.style.backgroundColor="#ccc";
    mychar.style.width="300px";
    };
</script>
    
</head>
<body>
  <h2 id="con">I love JavaScript</H2>
  <p> JavaScript使网页显示动态效果并实现与用户交互功能。</p>
  <!-- <script type="text/javascript">
    var mychar= document.getElementById("con");
    mychar.style.color="red";
    mychar.style.backgroundColor="#ccc";
    mychar.style.width="300px";
  </script> -->
</body>
</html>

如上，可以把你要实现的功能写在 function 里面赋给 window.onload，意思是等页面加载完成后再执行 function 中的代码。

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

#1

qq_谜离_03319966

window.onload = function() {..... 这句如何拆分呢我拆分之后就没有效果了

2016-10-11 回复有任何疑惑可以回复我~

#2

慕粉3951534 回复 qq_谜离_03319966

没太明白你的意思，能详细说一下吗

2016-10-11 回复有任何疑惑可以回复我~

#3

qq_谜离_03319966 回复慕粉3951534

我这样为什么没效果呢 window.onload=aaa(); function aaa(){

2016-10-11 回复有任何疑惑可以回复我~

查看3条回复

qq_吹气球_03806465
2016-09-22

写在html里面的JS不管是直接写的，还是外链的，都写在html代码的最下面比较好，不容易出错

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

执宇
2016-09-19

<script>标签要成对出现，并把JavaScript代码写在<script></script>之间。

可以把HTML文件和JS代码分开,并单独创建一个JavaScript文件(简称JS文件),其文件后缀通常为.js，然后将JS代码直接写在JS文件中。

可以将JavaScript代码放在html文件中任何位置，但是我们一般放在网页的head或者body部分。

觉得好请给最佳不会再问

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

无言一
2016-09-19

页面的加载顺序是从上往下的，如果js写在前面时页面还未加载dom，无法获取到dom节点，自然改不了对应的样式；我的理解是这样的勿喷哈

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

#1

同意+1

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

#2

无言一回复菜菜粒

哈表达能力不行我这

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

举报

0/150

提交

取消

JavaScript入门篇

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

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

本课相似问答

3 回答p标签写在script标签下面不起作用

1 回答script标签写在head里面和body里面有什么区别呢？

5 回答改变html样式的JS代码写在head标签中为何不生效

3 回答获取的元素只能在body标签或者元素本身下面修改吗？在head标签内使用script能修改，但是P标签的内容消失不了

2 回答为什么修改样式代码放在标签后面，还能生效？

搜索更多本课相关问答

用script改变样式的代码写在哪？我试了，只能写在标签后面，写在相关标签前面或者是head里面都没有作用、而且还会出现乱码，这是为什么，是必须这么写的吗？

我要回答关注问题

意见反馈帮助中心 APP下载