                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

JS的全局变量

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

幕布斯4301347

2017-07-26

源自：JavaScript进阶篇 6-11

关注问题我要回答

1272

操作

收起

3 回答

慕圣9424722
2017-08-12

你知道原因了吗

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

#1

幕布斯4301347 提问者

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

2017-09-23 回复有任何疑惑可以回复我~

幕布斯4301347 提问者
2017-07-26

<!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>

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

#1

JavaScript中的变量在<script type="text/script"> </script>中才有效，不然是没用的。<script type="text/script"> </script>可以放在head或者body里面。

2017-07-27 回复有任何疑惑可以回复我~

#2

幕布斯4301347 提问者回复 qq_新爷_0

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

2017-07-27 回复有任何疑惑可以回复我~

qq_新爷_0
2017-07-26

代码来看下

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

#1

幕布斯4301347 提问者

在你楼下

2017-07-26 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

JavaScript进阶篇

参与学习 468268 人
解答问题 21891 个

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

本课相似问答

1 回答js局部变量

1 回答关于局部变量和全局变量

6 回答函数有全局变量和局部变量之分吗？

2 回答问下我定义一个全局变量

1 回答这里面 i 和 hobby 都是全局变量嘛

搜索更多本课相关问答

JS的全局变量

我要回答关注问题

意见反馈帮助中心 APP下载