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

为什么我把script放在head中没有效果呢？如果我放在外部 .js文件中会不会有效果呢？

qq_小潘安_03830329

2016-08-29

源自：JavaScript入门篇 4-1

关注问题我要回答

2074

操作

收起

3 回答

Tangless
2016-08-29

js代码是顺序执行，你在<head>里面调用js语言，var fhus1=document.getElementById("gk2");你的gk2在<body>中，故该句fhus1值为空，在后面调用时，你的的function中fhus1实际上没有对象，所以不会出现效果。

外部引用js文件会有效果

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

收起回答

qq_小潘安_03830329 提问者
2016-08-29

哥，你帮我看下错没

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title>编程挑战</title>
       <script type="text/javascript">
           var fhus1=document.getElementById("gk2");
           function hujy(){
               fhus1.display="block";
               fhus1.style.color="#0000FF";
               fhus1.style.background="crimson";
           }
       </script>
   </head>

   <body>
       <h2 id="gk2">js初级课程实战</h2>
       <form>
           <input type="button" value="改变颜色" onclick="hujy()" />
       </form>
   </body>
</html>