2 xiaorandeai 521 xiaorandeai_521 于 2014.11.29 08:39 提问

javascript 作用域问题

下面的代码为什么不能是图片移动,alert(wg_left)他的值已经变了,为啥图片不动呢,还有就是如果将
var wg_left=$('wg').style.left;放到move函数的上面,为何这个全局变量在move函数中用不呢,但是如果不获取图片的属性值,而是换个变量值,这个全局变量就能用,感到很郁闷?
代码如下:
<br> function $(id)<br> {<br> return document.getElementById(id);<br> }</p> <p>function move(e)<br> { var wg_left=$(&#39;wg&#39;).style.left;<br> wg_left=parseInt(wg_left.substr(wg_left.lenght-2));<br> switch(e.keyCode)<br> {<br> case 37:<br> alert(wg_left);<br> wg_left=wg_left-10+&quot;px&quot;;<br> alert(wg_left);<br> break;<br> }<br> }</p> <p>

1个回答

showbo
showbo   Ds   Rxr 2014.11.29 14:03

你只是改变了变量值,没有重新设置对象的left啊,这个值不是地址引用,是值引用,还学要重设下

而且substr放你也用的不对,直接parseInt就行,不需要截取了,parseInt会将前面的数字字符串转为数字,碰到第一个非数字的内容之后的全部丢弃。而且需要注意设置left属性值你这个对象定位需要为absolute或者relative,要不设置left无效

function $(id) { return document.getElementById(id); }
function move(e) {
  var wg_left=$('wg').style.left; 
  wg_left=parseInt(wg_left);
  switch(e.keyCode) { 
    case 37:  wg_left=wg_left-10+"px";  break;
  } 
  $('wg').style.left=wg_left//要重新设置过
}
Csdn user default icon
上传中...
上传图片
插入图片