htmlform传值（html传值给另一个html）

IT服务网

作者

华为云服务器特价优惠火热进行中！

2核2G2兆仅需 38 元；4核4G3兆仅需 79 元。购买时间越长越优惠！更多配置及优惠价格请咨询客服。

合作流程：
1、点击链接注册/关联华为云账号：点击跳转
2、添加客服微信号：cloud7591，确定产品方案、价格方案、服务支持方案等；
3、客服协助购买，并拉微信技术服务群，享受一对一免费技术支持服务；
★技术专家在金蝶、华为、腾讯原厂有多年工作经验，并已从事云计算服务8年，可对域名、备案、网站搭建、系统部署、AI人工智能、云资源规划等上云常见问题提供更专业靠谱的服务，对相应产品提供更优惠的报价和方案，欢迎咨询。

今天给各位分享htmlform传值的知识，其中也会对html传值给另一个html进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

微信号：cloud7591
如需了解更多，欢迎添加客服微信咨询。
复制微信号

两个HTML页面如何传递数据？

一.通过表单简单的传输数据，利用js代码接收传递的数据，注意method属性要设为get。

form id="form" action="data.html" method="get"/form//action的值是你的目的html

在你的目的html中可通过url接收传递的数据，并将数据保存在一个对象中。

script type="text/javascript" charset="utf-8"

window.onload = function() {

var url = window.location.search;//location.search是从当前URL的?号开始的字符串

console.log(url);

var Request = new Object();

if (url.indexOf('?') != -1) {

var a = '';

var str = url.substr(1)　 //去掉?号

strs = str.split('');

for (var i = 0; i strs.length; i++) {

a = strs[i].split('=')[0]；

Request[a] = decodeURI(strs[i].split('=')[1]);//解码,生成获取信息的对象

console.log(Request[a]);

}

console.log(Request);

注意这种方式传递中文数据需要用decodeURIComponent()或decodeURL（）函数解码，unescape（）现在似乎已经淘汰了。

然后利用document.write()或innerHTML等方法或函数将数据显示在网页上。此种方法适合自己平时写JS的小练习，此种方法无法将数据保存下来。

2.使用Cookie传递参数

下面是简单的实例，a页面保存Cookie，b页面读取。

a.html

!DOCTYPE html

html

head

meta charset="UTF-8"

titlea/title

script type="text/javascript"

/***

* @param {string} cookieName Cookie名称

* @param {string} cookieValue Cookie值

function SetCookie(cookieName,cookieValue) {

/*设置Cookie值*/

document.cookie = cookieName + "=" + escape(cookieValue)

}

function login() {

var username = $("user").value;

if(username.length0 username) {

SetCookie("username", username);

/*跳转到b.html页面*/

document.location = "b.html";

}

function $(id) {

return document.getElementById(id);

}

/script

/head

body

div id="main"

divspan请输入你的名字/spaninput type="text" id="user" //div

div

input type="button" onclick="login()" value="提交" /

/div

/body

/html

b.html

html

head

meta charset="UTF-8"

titleb/title

script type="text/javascript"

/***

*读取指定的Cookie值

*@param {string} cookieName Cookie名称

function ReadCookie(cookie_name){

//判断是否存在cookie

if (document.cookie.length 0){

//查询cookie开始部分

cookie_start = document.cookie.indexOf(cookie_name + "=")

//如果存在

if (cookie_start != -1){

//计算结束部分

cookie_start = cookie_start + cookie_name.length + 1

cookie_end = document.cookie.indexOf(";", cookie_start)

//如果已经是最后一个cookie值，则取cookie长度

if (cookie_end == -1) {

cookie_end = document.cookie.length

}

//获取cookie值，unescape对特殊字符解密

return unescape(document.cookie.substring(cookie_start,cookie_end))

}

//其它情况返回空

return ""

}

function $(id) {

return document.getElementById(id);

}

function init() {

var username = ReadCookie("username");

if(username username.length0) {

$("msg").innerHTML = "h1欢迎光临," + username + "!/h1";

} else {

$("msg").innerHTML = "a href='a.htm'请录入名字/a";

}

/script

/head

body onload="init()"

div id="msg"/div

/body

/html

此种方法也是适合自己平时写JS的小练习，此种方法无法将数据保存下来。

3.通过web服务器利用前后端交互

前后端交互又可分为表单交互和url参数交互。表单交互是指在HTML中创建一个表单，用户填写表单后提交给服务器，服务器收到表单后返回处理结果。其大致构成如下：

URL参数经常用于浏览器向服务器提交一些请求信息。其流程图大致如下：

例如利用nodejs与json文件相连接，实现对本地json数据的增删改查，在不同网页间传递数据。

————————————————

原文链接：

html 页面间传值

用服务器语言来获取传递的参数如a.html有如下组件from action="b.html" method="post"input type="text" value="aaaaa" name="txt"/form那么你可以在b.html中用%String Val=(String)request.getParameter("txt");out.print(Val);%这样你就可以获取到a.html页面中的文本框组件的值aaaaa

htmlform传值（html传值给另一个html）

html页面间的传值

首先先明确一下HTML页面是不可以接受表单请求值的.不过HTML页面中可以使用JS,我们用JS可以手动的实现一些东西

JS中可以用window.location.href属性获取完整地址,那么我们的参数完全可以使用GET模式来传递即表单的method="GET"

下边是用JS构造的获取get模式提交值的一个函数.

function Request(strName)

{

var strHref = window.document.location.href;

var intPos = strHref.indexOf("?");

var strRight = strHref.substr(intPos + 1);

var arrTmp = strRight.split("");

for(var i = 0; i arrTmp.length; i++)

{

var arrTemp = arrTmp[i].split("=");

if(arrTemp[0].toUpperCase() == strName.toUpperCase()) return arrTemp[1];

}

return "";

}

使用方法:

var id=Request("id");

document.write(id);

有了这个函数我们就可以在test3页面上进行取值了.将取得的值付给文本框的value属性中即可

代码如下:

test2.htm

titletest2/title

form method=get action="test3.htm"

input name="abc"input type="submit" value="提交"

/form

test3.htm

script

function Request(strName)

{

var strHref = window.document.location.href;

var intPos = strHref.indexOf("?");

var strRight = strHref.substr(intPos + 1);

var arrTmp = strRight.split("");

for(var i = 0; i arrTmp.length; i++)

{

var arrTemp = arrTmp[i].split("=");

if(arrTemp[0].toUpperCase() == strName.toUpperCase()) return arrTemp[1];

}

return "";

}

/script

titletest3/title

form method=get action="test3.htm" name=myform

input name="abc" value="请在文本输入框里输入内容"input type="submit" value="提交"

/form

script

Rtext=Request("abc")

if(Rtext!=""){

myform.abc.value=Rtext;

}

/script

给分吧

html如何传值

html静态页面间传值有以下三种方法：

方法一：

下面是javascrīpt的一种实现方法, 这个函数是通过window.location.href中的分割符获得各个参数。有了这个函数，就可以在页面之间传递参数了。

/* *函数功能：从href获得参数 *sHref: ;arg2=re *sArgName:arg1, arg2 *return: the value of arg. d, re */

function GetArgsFromHref(sHref, sArgName)

{

var args = sHref.split("?");

var retval = "";

if(args[0] == sHref) /*参数为空*/

{

return retval; /*无需做任何处理*/

}

var str = args[1];

args = str.split("");

for(var i = 0; i args.length; i ++)

{

str = args[i];

var arg = str.split("=");

if(arg.length = 1) continue;

if(arg[0] == sArgName)

retval = arg[1];

}

return retval;

}

方法二：

html地址传递参数进行其他事情.

scrīpt /* 用途: 接收地直栏参数取id=1 根据ID的值 */

urlinfo=window.location.href; //获取当前页面的url

len=urlinfo.length;//获取url的长度

offset=urlinfo.indexOf("?"); //设置参数字符串开始的位置 newsidinfo=urlinfo.substr(offset,len)//取出参数字符串这里会获得类似“id=1”这样的字符串

newsids=newsidinfo.split("=");//对获得的参数字符串按照“=”进行分割 newsid=newsids[1];//得到参数值

newsname=newsids[0];//得到参数名字

/scrīpt

方法三：

做中英转换的时候，要准确的获取参数并取出，所以做了一个简单的html中用js获取当取地址栏的一个Object。

里面有三个方法：

1、request.QueryString("参数")//获取指定参数，返回字符串;

2、request.QueryStrings();//获取全部参数，并返回数组;

3、 request.setQuery("参数","参数的值");//如果当前地址栏有此参数，那么将更新此参数，否则返回一个新的地址栏参数字符串。

例如：当前地址栏参数字符串为：?name=asite=never_online alert(request.setQuery("name","blueDestiny")) 如果地址栏参数中有"name"，那么返回?name=blueDestinysite=never_online setQuery 方法有自动追加参数的功能。如：当前地址栏参数字符串为：?site=never_online alert(request.setQuery("name","blueDestiny")) 则返回?site=never_onlinename=blueDestiny 同理，如果地址栏没有参数，也会自动追加参数 alert(request.setQuery("name","blueDestiny")) 返回?name=blueDestiny