Javascript代码放到head上没有反应?

<html>
  <head>
    <meta name="generator"
    content="HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-html5/tree/c63cc39" />
    <title></title>
    <script type="text/javacript" src="https://github.com/Clouda-team/baiducdnstatic/tree/master/libs/jquery/1.10.0/jquery.js">
    </script>
    
    <script type="text/javacript" >  
    /*
     1.
     --------------  
    window.onload = function(){     
        function change(){
            alert(1);
        }
    } 
    */
    
    /*
     2. 
     ----------------
    $(document).ready(function(){
        function change(){
            alert(1);
        }
    });
    */
    
    
    /*
    3.
    --------------- 
    function change(){
        alert(1);
    }
    */
    
    </script>
  </head>
  <body>
  <!--   4 .. 
    <script type="text/javascript">
        function change(){
            console.log("a1");
        }
    </script>
  -->
    <button id="a1" onclick="change();" >aa</button>
    <button id="b">bb</button>
    <!--
    5.
    -----
    
    <script type="text/javascript">
        function change(){
            console.log("a1");
        }
    </script>
    -->

  </body>
</html>

下面说明一下,在head标签中的js代码都不好使,只有在body标签下面的才可以,也就是1,2,3都不好使,4,5可以使,而我想把js代码放到head标签中,请问有什么办法,还有为什么在1,2,3这些情况下都不好使?

阅读 6.1k
7 个回答

放在位置12345都好使,你上面的代码错了

<html>
  <head>
    <title></title>

<!-- <script type="text/javacript" > 你这里写错了-->

<script type="text/javascript">
   function change(){
           alert("a1");
        }
    </script>
  </head>
  <body>

    <button id="a1" onclick="change();" >aa</button>

  </body>
</html>

题主在head标签的js代码用/* */注释了,所以不执行,在body用的<!-- -->注释,这个只是针对标签注释,脚本还是可以执行的

楼主,你<script>标签的type属性写错了,你好好检查一下,不是type="javacript",而是type="javascript".

咳咳 眼镜该擦了

不用写type吧,默认就是javascript了,况且你还写错了

代码写错了。

 type="text/javacript"应该是:type="text/javascript"
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题