使用javascript给html页间进行传值与赋值

最新推荐文章于 2023-01-10 16:30:30 发布

iteye_10902

最新推荐文章于 2023-01-10 16:30:30 发布

阅读量251

点赞数

文章标签： HTML JavaScript ViewUI

本文通过两个页面的示例介绍了如何使用HTML创建表单，并利用JavaScript进行页面间的参数传递与显示。具体展示了如何从URL中获取参数并将其显示在第二个页面的输入框中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.one page: action_demo.html

<html>
<head></head>
<body>
<form name="input" action="html_form_action.html" method="get">
Usename:
<input type="text" name="user" value="admin"><input type="submit" value="Submit">
</form>
</body>
</html>

2.two page: html_from_action.html

<html>
<head></head>
<script language="javascript">
function getparastr(strname)
{
   var hrefstr,pos,parastr,para,tempstr;
   hrefstr = window.location.href;
   pos = hrefstr.indexOf("?")
   parastr = hrefstr.substring(pos+1);
   para = parastr.split("&");
   tempstr="";
   for(i=0;i<para.length;i++)
   {
    tempstr = para[i];
    pos = tempstr.indexOf("=");
    if(tempstr.substring(0,pos) == strname)
    {
     return tempstr.substring(pos+1);
     }
   }
   return null;
}
// 获取program参数
//var userstr = getparastr("user");
//document.write(userstr);

//用得到的值给form中的文本框赋值
function getname()
{
var userstr = getparastr("user");
document.fr1.input.value=userstr;
}
</script>
<body>
<form name="fr1" >
你的名字是:
<input type="text" name="input" >
<input type="button" name="bt1" value="查看用户名" onclick="getname()">
</form>
</body>
</html>