如何将HTML页面值传递给JavaScript函数实现交互？
- 内容介绍
- 文章标签
- 相关推荐
本文共计485个文字，预计阅读时间需要2分钟。
演示见：[点击这里](http://runjs.cn/detail/igwe9bbo)
实现将HTML页面的值传递到JavaScript方法中：
[代码] javascript// 将HTML页面的值传递到JavaScript方法中function getValue() { var value=document.getElementById(value).value; console.log(value);}
演示见：runjs.cn/detail/igwe9bbo
实现把HTML页面的值传递到JavaScript方法中
1.[代码]将html页面的数据传到Javascript的方法中
<html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <head> <style> h1{ font-family:隶书; color:blue; background-color:orange; text-align:center; } </style> <script type="text/javascript"> function checkfluits(n){ if((n >100) || (n<0)){ return false; }else{ return true; } } function check(){ for (i=0;i<document.forms[0].length-2;i++){ if (document.forms[0].elements[i].value.length==0){ alert(document.forms[0].elements[i].name + "为空！"); return false; } } if (document.forms[0].elements[0].value.length != 3){ alert("用户名必须是3个字符"); return false; } for( i=1;i<4;i++) if (checkfluits(document.forms[0].elements[i].value)==false){ alert(document.forms[0].elements[i].name + "输入量不可用！\n必须在0-100kg的范围内。"); return false; } s="Your input : "; for(i=0;i<document.forms[0].length-2;i++){ box= document.forms[0].elements[i]; s += "\n" + box.name + ": " + box.value; } total = 6.00*document.forms[0].香蕉.value; total += 9.00*document.forms[0].苹果.value; total += 8.00*document.forms[0].鸭梨.value; s += "\n销售额(元)：" + total; document.forms[0].output.value = s; return true; } </script> </head> <body> <h1>农夫果园</h1> <form onSubmit="check();return false" name='example'> <table> <tr> <td>用户名</td><td><input type="text" name="用户名" size="30"></td></tr> <tr><td>香蕉(6.00/kg): </td><td><input type="text" name="香蕉" size="30"></tr> <tr><td>苹果(9.00/kg): </td><td><input type="text" name="苹果" size="30"></tr> <tr><td>鸭梨(8.00/kg): </td><td><input type="text" name="鸭梨" size="30"></tr> <tr><td> <input type="submit" value="提交"></td> <td><textarea cols="40" rows="7" name="output">Output Area</textarea></td></tr> </table> </form> </body> </html>
本文共计485个文字，预计阅读时间需要2分钟。
演示见：[点击这里](http://runjs.cn/detail/igwe9bbo)
实现将HTML页面的值传递到JavaScript方法中：
[代码] javascript// 将HTML页面的值传递到JavaScript方法中function getValue() { var value=document.getElementById(value).value; console.log(value);}
演示见：runjs.cn/detail/igwe9bbo
实现把HTML页面的值传递到JavaScript方法中
1.[代码]将html页面的数据传到Javascript的方法中
<html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <head> <style> h1{ font-family:隶书; color:blue; background-color:orange; text-align:center; } </style> <script type="text/javascript"> function checkfluits(n){ if((n >100) || (n<0)){ return false; }else{ return true; } } function check(){ for (i=0;i<document.forms[0].length-2;i++){ if (document.forms[0].elements[i].value.length==0){ alert(document.forms[0].elements[i].name + "为空！"); return false; } } if (document.forms[0].elements[0].value.length != 3){ alert("用户名必须是3个字符"); return false; } for( i=1;i<4;i++) if (checkfluits(document.forms[0].elements[i].value)==false){ alert(document.forms[0].elements[i].name + "输入量不可用！\n必须在0-100kg的范围内。"); return false; } s="Your input : "; for(i=0;i<document.forms[0].length-2;i++){ box= document.forms[0].elements[i]; s += "\n" + box.name + ": " + box.value; } total = 6.00*document.forms[0].香蕉.value; total += 9.00*document.forms[0].苹果.value; total += 8.00*document.forms[0].鸭梨.value; s += "\n销售额(元)：" + total; document.forms[0].output.value = s; return true; } </script> </head> <body> <h1>农夫果园</h1> <form onSubmit="check();return false" name='example'> <table> <tr> <td>用户名</td><td><input type="text" name="用户名" size="30"></td></tr> <tr><td>香蕉(6.00/kg): </td><td><input type="text" name="香蕉" size="30"></tr> <tr><td>苹果(9.00/kg): </td><td><input type="text" name="苹果" size="30"></tr> <tr><td>鸭梨(8.00/kg): </td><td><input type="text" name="鸭梨" size="30"></tr> <tr><td> <input type="submit" value="提交"></td> <td><textarea cols="40" rows="7" name="output">Output Area</textarea></td></tr> </table> </form> </body> </html>