关于form导致的作用域变化问题

 <!DOCTYPE html>
<html>
<head>
<title>任务18</title>
<meta charset="utf-8" />
</head>

<body>
<form id ="a">
<input type="text" id="in" />
<button id="left_in">左侧入</button>
<div id="number">显示data值</div>
</form>
</body>
<script type="text/javascript">
var a=0;
 document.getElementById('left_in').onclick = function(){
  a=1
  alert(a)
 };
 document.getElementById('number').onclick = function(){
  alert(a)
 };

</script>
</html>
 
由于button放在了form里，js操作的时候形成了闭包，故无法修改全局的a，每次第一个输出都是1，第二个输出总是0
posted @ 2016-04-04 17:19  HALEY168  阅读(255)  评论(0)  编辑  收藏  举报