1. 爱易网页
  2. JavaSript
  3. 为什么定义在函数外的对象在函数内取不着解决办法

为什么定义在函数外的对象在函数内取不着解决办法

日期：2014-05-16　 浏览次数：20335 次

为什么定义在函数外的对象在函数内取不着
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script>
var str="你好";
var myobject=document.getElementById("mybutton");
function a(){
alert(myobject);
alert(str);
}
window.onload=a;
</script>
</head>
<body>
<input type="text" name="textfield" id="mybutton">
</body>
</html>
定义在函数外提示变量为空，但字符串可用


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script>
var str="你好";
function a(){
var myobject=document.getElementById("mybutton");
alert(myobject);
alert(str);
}
window.onload=a;
</script>
</head>
<body>
<input type="text" name="textfield" id="mybutton">
</body>
</html>
对象定义在函数内才可用，这是什么原因？

------解决方案--------------------
定义在外部的时候，当var myobject=document.getElementById("mybutton");这句执行的时候，window.onload还没有装载完。。。。所以找不到mybutton

------解决方案--------------------
var myobject=document.getElementById("mybutton"); 
和
<input type="text" name="textfield" id="mybutton"> 

存在执行顺序关系。
------解决方案--------------------
上边的都说得很清楚了 

也就是说你取值的时候还不存在mybutton这个对象 懂吗？

所以取得的是null

如果你改成这样 就可以取到值了 ：

<html>
<head>
<link href="css.css" rel="stylesheet" type="text/css"> 
</head>
<script type='text/javascript'>
var str="你好"; 

function a(){ 
alert(myobject); 
alert(str); 
} 
window.onload=a; 

</script>
<body> 
<input type="text" name="textfield" id="mybutton"> 

<script>
var myobject=document.getElementById("mybutton");
</script>
</body> 
</html>

相关资料更多>

  1. 从零开始学习javascript-javascript的由来（一）
  2. 大数据量请求优化有关问题
  3. JavaScript兑现鼠标拖拽的原理
  4. EXT中json解析后写入grid出有关问题
  5. JS Json对象转化成字符串对象( 例：json =[{id:一} ,{id:2}] 转化“[{id:1} ,{id:2}] ”)
  6. windown.location.search如何使用
  7. 面向对象的JS(四) 继承机制
  8. 用JQuery删除Div在IE没有关问题，在Firefox有奇怪有关问题(需要在页面任何一处单击左键DIV才消失)，请高手分析下原因，并给出解决方案，多谢
  9. Javascript CloneNode 在IE上面的一个有关问题