JS的全局变量

来源:6-11 编程练习

幕布斯4301347

2017-07-26 15:52

为什么全局变量写在head会没用。但是写在body里就可以用?

写回答 关注

3回答

  • 慕圣9424722
    2017-08-12 17:19:00

    你知道原因了吗

    幕布斯430...

    很久就知道了额,因为很久没上慕课网,以下是解析:代码是由上到下来执行的,所以当我把JS的代码放在上面的时候,初始的变量那会,还没有初始化下面的标签,所以会报错。所以,如果要在上面执行有关于下面标签的代码的时候,要在<script></script>里面写 window.onload=function{},意思是网页加载完成后触发该函数,然后你在里面写代码就可以了

    2017-09-23 12:19:02

    共 1 条回复 >

  • 幕布斯4301347
    2017-07-26 18:14:51

    <!DOCTYPE html>

    <html>

     <head>

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

      <title> 事件</title>

      <script type="text/javascript">

    var text1=document.getElementById('txt1');

      var text2=document.getElementById('txt2');

      var text3=document.getElementById('fruit');

      var v = document.getElementById("select");

       function a(){

      var bb = v.selectedIndex; // 选中索引

           var aa = v.options[bb].value; // 选中值

           var q=parseInt(text1.value);

           var h=parseInt(text2.value);

           switch(aa){

               case '+':

                    text3.value=q+h;

                    break;

                case '-':

                    text3.value=q-h;

                    break;

                case '*':

                    text3.value=q*h;

                    break;

                case '/':

                    text3.value=q/h;

                    break;

           }

       }

      </script>   

     </head> 

     <body>

       <input type='text' id='txt1' /> 

       <select id='select' value="a">

    <option value='+'>+</option>

    <option value="-">-</option>

    <option value="*">*</option>

    <option value="/">/</option>

       </select>

       <input type='text' id='txt2' /> 

       <input type='button' value=' = ' onclick='a()'/> <!--通过 = 按钮来调用创建的函数,得到结果--> 

       <input type='text' id='fruit' />   

     </body>

    </html>


    幕布斯430... 回复qq_新爷_...

    这不是在<script type="text/script"> </script>里面,但我把它 放到body里面的话就可以运行,或者把所有有关的变量写到方法里面,

    2017-07-27 16:52:22

    共 2 条回复 >

  • qq_新爷_0
    2017-07-26 17:02:37

    代码来看下

    幕布斯430...

    在你楼下

    2017-07-26 18:15:26

    共 1 条回复 >

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468195 学习 · 21891 问题

查看课程

相似问题