全局变量与局部变量解释，以下代码可直接复制到编译器中直接运行。
Posted kaotimo
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了全局变量与局部变量解释，以下代码可直接复制到编译器中直接运行。相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Test</title>
</head>
<body>
<p>this is a test!总结：在任一方法体内定义的变量都是该方法体的局部变量，只能该方法体调用。而不在任何一个方法体内定义的变量属于全局变量，任何一个方法体都能够调用。</p>
<!-- 一号按钮用来测试自己函数体内的局部变量。 -->
<!-- 结果是使用自己方法体内定义的局部变量成功。 -->
<button type="button" onclick="dj_1()">一号按钮，引用自己方法体内定义的局部变量</button>
<!-- 二号按钮用来测试一号按钮体内的局部变量 -->
<!-- 结果是使用别的方法体内定义的局部变量失败。 -->
<button type="button" onclick="dj_2()">二号按钮，引用其他方法体内定义的局部变量</button>
<!-- 三号按钮用来测试引用任何方法体外定义的局部变量 -->
<!-- 结果是使用任何方法体外定义的全局变量成功。 -->
<button type="buuton" onclick="dj_3()">三号按钮，引用不在任何方法体内定义，在script标签内定义的全局变量。</button>
<p id="aa">啊啊</p>
<p id="bb"></p>
<p id="cc"></p>
<script type="text/javascript">
var his="蜘蛛侠";
function dj_1(){
var hero="蝙蝠侠";
document.getElementById("aa").innerHTML=hero;
// getElementById是document的一个方法。
// getElemenById，可返回对指定ID的第一个对象的引用。即，可以将一个值，例如可以将一个变量hero的值蝙蝠侠赋值给document.getElementById("aa").innerHTML=hero;
// 他的意思是，有一个标签，例如这个标签是p，这个标签，给他指定了一个id为aa,然后将用户可以通过点击标签button来触发button内设置的事件触发器onclick来调用这个方法体，用户点击了按钮后，即调用了这个方法体，id="aa"的标签p中的内容将会被替换为蝙蝠侠。即使一开始id="aa"的p标签内含有内容，p标签内也会被替换为蝙蝠侠，即只显示蝙蝠侠。
// .innerHTML属性代表的是，某某标签，例如这个标签是p标签。设置p标签开放标签与结束标签之间的显示内容。
// hero,这里的hero,是方法体dj_1中设置的局部变量名称。将hero赋值给等号左边的，document.getElementById("aa").innerHTML=hero。不是将hero赋值给id="aa"的p标签。而是将var hero="蝙蝠侠"，蝙蝠侠赋值给左边，即蝙蝠侠赋值给id="aa"d的p标签的显示内容。因为hero不是一个值，是一个变量名，蝙蝠侠才是要给值，是变量名hero的值。
// 开放标签与闭合标签，即开始标签与结束标签。是成对出现的标签中，左边的是开放标签，右边的是闭合标签。
}
function dj_2(){
document.getElementById("bb").innerHTML=hero;
}
function dj_3(){
document.getElementById("cc").innerHTML=his;
}
</script>
</body>
</html>
以上是关于全局变量与局部变量解释，以下代码可直接复制到编译器中直接运行。的主要内容，如果未能解决你的问题，请参考以下文章