javascript函数外的的变量,在函数内不能使用吗?调用下面那个add();获取不到num1+num2
varstr1=document.getElementsByName("num1").item(0).value;varstr2=document.getElements...
var str1=document.getElementsByName("num1").item(0).value;
var str2=document.getElementsByName("num2").item(0).value;
var num1=parseFloat(str1);
var num2=parseFloat(str2);
function add(){
document.getElementsByName("result").item(0).value=num1+num2;
} 展开
var str2=document.getElementsByName("num2").item(0).value;
var num1=parseFloat(str1);
var num2=parseFloat(str2);
function add(){
document.getElementsByName("result").item(0).value=num1+num2;
} 展开
6个回答
展开全部
代码没问题。函数内可以使用外部定义的num1、num2变量。
你可以加alert分析一下,看在哪儿没取到值。
var str1=document.getElementsByName("num1").item(0).value;
//显示出来,看看str1是否有值,是否是一个可以解析成float类型的值。
alert(str1);
var str2=document.getElementsByName("num2").item(0).value;
var num1=parseFloat(str1);
//显示出来,看看float解析是否正确。
alert(num1);
var num2=parseFloat(str2);
function add(){
document.getElementsByName("result").item(0).value=num1+num2;
}
展开全部
需要弄清楚几个知识点:
1.HTML的加载过程
2.代码规范
1)html加载的过程是从上到下的。所以使用document.getXxx来获取对象的前提是,html已经加载完毕。
明白这个情况,就知道函数外的变量可以声明,但是不能是你这种,根据元素赋值。因为此时可能取不到该元素。
解决方法:建议使用
window.onload = onload;
或者<body onload="onload()"
当然必须提供一个函数如下:
var str1, str2;
function onload()
{
str1 = ...;
str2 = ...;
}
2)关于方法的使用,document.getElementsByTagName返回是一个集合
建议直接使用document.getElementsByName("num1")[0].value的写法
1.HTML的加载过程
2.代码规范
1)html加载的过程是从上到下的。所以使用document.getXxx来获取对象的前提是,html已经加载完毕。
明白这个情况,就知道函数外的变量可以声明,但是不能是你这种,根据元素赋值。因为此时可能取不到该元素。
解决方法:建议使用
window.onload = onload;
或者<body onload="onload()"
当然必须提供一个函数如下:
var str1, str2;
function onload()
{
str1 = ...;
str2 = ...;
}
2)关于方法的使用,document.getElementsByTagName返回是一个集合
建议直接使用document.getElementsByName("num1")[0].value的写法
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
你这个放到页面的底部是可以执行的,js有执行顺序问题,页面的dom要先存在js才能取到name或是ID,还是就是全局变量和局部变量,如果把这个js放在头部调用add()时,页面还没有num1和num2取值就是空。而放在页脚执行时,此时有num1和num2对象,但是你没有输入值也可能是空的。所以最好是,再输入值后时时的计算值,这才是你想要的。
function add(){
var str1=document.getElementsByName("num1").item(0).value;
var str2=document.getElementsByName("num2").item(0).value;
var num1=parseFloat(str1);
var num2=parseFloat(str2); document.getElementsByName("result").item(0).value=num1+num2;
}
function add(){
var str1=document.getElementsByName("num1").item(0).value;
var str2=document.getElementsByName("num2").item(0).value;
var num1=parseFloat(str1);
var num2=parseFloat(str2); document.getElementsByName("result").item(0).value=num1+num2;
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
请将所有非其他函数里的代码放在onload事件里,比如:
window.onload = function(){
var str1=document.getElementsByName("num1").item(0).value;
var str2=document.getElementsByName("num2").item(0).value;
var num1=parseFloat(str1);
var num2=parseFloat(str2);
}
function add(){
document.getElementsByName("result").item(0).value=num1+num2;
}
window.onload = function(){
var str1=document.getElementsByName("num1").item(0).value;
var str2=document.getElementsByName("num2").item(0).value;
var num1=parseFloat(str1);
var num2=parseFloat(str2);
}
function add(){
document.getElementsByName("result").item(0).value=num1+num2;
}
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
如果能确定num1,num2都是有值的并且add函数里的选择器是有效的,这段代码不会有问题,请仔细检查。
追问
为什么放到函数里面就可以
追答
你在add()函数里加一句alert(num1),看看是否是undefined,如果是的话就确定是外面语句没运行到。按照楼上所说的加上window.onload就可以。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询