免费注册 查看新帖 |

Chinaunix

  平台 论坛 博客 文库
最近访问板块 发新帖
查看: 4381 | 回复: 8
打印 上一主题 下一主题

求助:DOM模型问题 [复制链接]

论坛徽章:
0
跳转到指定楼层
1 [收藏(0)] [报告]
发表于 2007-08-02 17:24 |只看该作者 |倒序浏览
50可用积分
我执行以下代码时,结果只是闪一下,然后输入的数和结果都没有了,这是怎么回事呢?

<script language="javascript">
function jisuan()
{
var d=form1.a.value;
var e=form1.b.value;
form2.c.value=d+e;
}
</script>
<body>
<form name=form1>
<input type="text" name=a>
<input type="text" name=b>
<input type="button" value="计算" >
</form>

<form name=form2>
<input type="text" name=c>
</form>
</body>

论坛徽章:
0
2 [报告]
发表于 2007-08-03 10:39 |只看该作者

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <script language="javascript">
  5. function jisuan()
  6. {
  7. var d=form1.a.value;
  8. var e=form1.b.value;
  9. form2.c.value=d + e;
  10. }
  11. </script>
  12. </head>
  13. <body>
  14. <form name=form1>
  15. <input type="text" name=a>
  16. <input type="text" name=b>
  17. <input type="button" value="计算" >
  18. </form>
  19. <form name=form2>
  20. <input type="text" name=c>
  21. </form>
  22. <a href="javascript:jisuan();">计算</a>
  23. </body>
  24. </html>
复制代码

没有发现有什么问题呀??你是如何触发jisuan()的?
不过好像是按 string 计算的没有按数值型.
值型看来要转换类型了.

论坛徽章:
0
3 [报告]
发表于 2007-08-03 14:25 |只看该作者
这样触发的:
<input type="button" value="计算"  onclick="jisuan()">
但是结果已经算出来了,那说明类型没有影响到运算,只是为什么会闪一下就消失呢,输入的数也没有了

论坛徽章:
0
4 [报告]
发表于 2007-08-06 16:54 |只看该作者
首先你的代码要规范,
<input type="button" value="计算" />

我没有看到一闪,结果到始出来了,只不过不对,如果你输入2,3 , 结果是23。
我认为是value的属性造成的, 它是一个string.

论坛徽章:
3
金牛座
日期:2013-10-12 15:42:452015年辞旧岁徽章
日期:2015-03-03 16:54:15IT运维版块每日发帖之星
日期:2016-06-01 06:20:00
5 [报告]
发表于 2007-08-09 09:57 |只看该作者
<html>
<script language="javascript">
function jisuan()
{
var d=form1.a.value;
var e=form1.b.value;
form2.c.value=parseInt(d)+parseInt(e);
}
</script>
<body>
<form name=form1>
<input type="text" name=a />
<input type="text" name=b />
<input type="button" value="计算" onclick="jisuan()" />
</form>

<form name=form2>
<input type="text" name=c />
</form>
</body>
</html>

论坛徽章:
1
技术图书徽章
日期:2013-12-05 23:25:45
6 [报告]
发表于 2007-08-11 17:45 |只看该作者

  1. <script language="javascript">
  2. eval(jisuan.toString().replace('d+e','eval(d+"+"+e)'));
  3. form1[2].onclick=jisuan;
  4. </script>
复制代码


以上代码,加到最后即可。

论坛徽章:
3
金牛座
日期:2013-10-12 15:42:452015年辞旧岁徽章
日期:2015-03-03 16:54:15IT运维版块每日发帖之星
日期:2016-06-01 06:20:00
7 [报告]
发表于 2007-08-13 10:00 |只看该作者
楼上把函数改成了:
form1[2].onclick=function jisuan()
{
var d=form1.a.value;
var e=form1.b.value;
form2.c.value=eval(d+"+"+e);
}

论坛徽章:
0
8 [报告]
发表于 2007-08-13 10:51 |只看该作者
五楼的方法是对的,修改两个地方

1.form2.c.value=parseInt(d)+parseInt(e);

2.<input type="button" value="计算" onclick="jisuan()" />

我在ie6上测试是没问题的,是不是你的浏览器问题或者是浏览器设置问题呢

论坛徽章:
0
9 [报告]
发表于 2007-08-23 08:39 |只看该作者
呵呵 ,学习了~~~
您需要登录后才可以回帖 登录 | 注册

本版积分规则 发表回复

  

北京盛拓优讯信息技术有限公司. 版权所有 京ICP备16024965号-6 北京市公安局海淀分局网监中心备案编号:11010802020122 niuxiaotong@pcpop.com 17352615567
未成年举报专区
中国互联网协会会员  联系我们:huangweiwei@itpub.net
感谢所有关心和支持过ChinaUnix的朋友们 转载本站内容请注明原作者名及出处

清除 Cookies - ChinaUnix - Archiver - WAP - TOP