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

关于script位置问题

<!DOCTYPE HTML>

<html>

<head>

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

<title>style样式</title>

<script type="text/javascript">

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

mychar.style.color="red";

mychar.style.fontSize="30px";

mychar.style.backgroundColor="#ccc";

</script>

</head>

<body>

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

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

</body>

</html>

script放在head里面没有效果

但是使用window.onload=function(){}之后就有效果了

但是把window.onload=function(){}拆分后又没效果了

例：function aaa(){} ;

window.onload=aaa();

这样却没效果

qq_谜离_03319966

2016-10-11

源自：JavaScript入门篇 3-4

关注问题我要回答

1353

操作

收起

4 回答

慕粉4161845 回答被采纳 +3 积分
2016-10-11

对滴，如果你还想放在head里面的话，就先写function（）{ //这个表示页面加载完成后开始执行js

//这里开始写js

}

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

#1

qq_谜离_03319966 提问者

非常感谢！

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

harder_Leaner
2016-10-11

<script>是按从上到下加载，页面加载完成之后函数是触发后才执行，window.onload=function()是加载完之后直接触发这个函数。

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

不是我的昵称
2016-10-11

楼上说得对

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

邹鑫惘
2016-10-11

页面是执行是有顺序的，先执行head里面的，你把document.getElementById("con")放head里面，获取的值是null，当然不会有样式改变。

而把js 放入function里面的话，就涉及先后顺序，你只要触发就执行了。

大概就这些了，不知道我说清楚了没。

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

#1

额有个地方错了。而把js 放入function里面的话，就不涉及先后顺序，你只要触发就执行了

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

举报

0/150

提交

取消

JavaScript入门篇

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

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

本课相似问答

3 回答关于<script></script>位置的问题

3 回答关于<script>的位置

1 回答script位置

1 回答script语句位置的问题

2 回答关于<script type="text/javascript"></script>的位置

搜索更多本课相关问答

关于script位置问题

我要回答关注问题

意见反馈帮助中心 APP下载