html页面跳转传值（两个HTML页面之间传值时中文出现乱码，怎样解决）

本文目录

• 两个HTML页面之间传值时中文出现乱码，怎样解决
• 怎么在2个html页面间传值
• html 页面间传值
• html 页面跳转 怎样传递接收参数
• html页面与页面之间怎么进行跳转传值
• 两个HTML页面如何传递数据
• 两个html页面之间怎么传递参数值

两个HTML页面之间传值时中文出现乱码，怎样解决

步骤如下：

1、点弹出框的时候，应该显示“公司代码，公司名称”，但是显示出来的是“口口口口”。

2、在F5执行程序，在取值的地方下断点，显示取到的值是正确的就可以了。

3、F10继续执行代码，查看所传值的参数selectname显示为“口口口”的乱码。

4、修改程序，所取的字符串前增加，将中文转码之后再开始传值，将值带到跳转的界面中，系统会自动转码成中文 ，&FROM=“ + from + “&RET=“ + ret + “&PAGE。

5、执行程序，执行到context的时候查看值，变成了正常的81%ef%bc%8c%e5%85%ac%e5%8f%b8%，在网上对应的在线翻译网站中可以查到，公司代码，公司名称的转码，到此说明已经修改成功

扩展资料：

超级文本标记语言文档制作不是很复杂，但功能强大，支持不同数据格式的文件镶入，这也是万维网（WWW）盛行的原因之一，其主要特点如下：

1、简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便。

2、可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。

3、平台无关性：虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超级文本标记语言可以使用在广泛的平台上，这也是万维网（WWW）盛行的另一个原因。

4通用性：另外，HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。

参考资料：百度百科-HTML

怎么在2个html页面间传值

html是静态页面，可以使用url链接传值，比如a.html和b.html两个页面
a.html中有一个链接
1
《a href=“b.html?x=2&y=3“》进入b.html《/a》
可以使用到js，如下：
a.htm:
1
2
3
4
《form action=“b.htm“ 》
《input name=“q“ type=“text“ value=““ /》
《input type=“submit“ value=“提交“ id=““ /》
《/form》

b.htm

《html》
《body》
《div id=“qbox“》《/div》
《script type=“text/javascript“》
function getArgs() {
var args = {};
var query = location.search.substring(1);
// Get query string
var pairs = query.split(“&“);
// Break at ampersand
for(var i = 0; i 《 pairs.length; i++) {
var pos = pairs[i].indexOf(’=’);
// Look for “name=value“
if (pos == -1) continue;
// If not found, skip
var argname = pairs[i].substring(0,pos);// Extract the name
var value = pairs[i].substring(pos+1);// Extract the value
value = decodeURIComponent(value);// Decode it, if needed
args[argname] = value;
// Store as a property
}
return args;// Return the object
}
var str =getArgs();
alert(str[’q’]);//和input的name对应取值,
document.getElementById(“qbox“).innerHTML = str[’q’];//然后赋值给DIV
《/script》
《/body》
《/html》
希望能帮到你哦！

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

html 页面跳转 怎样传递接收参数

可以通过网址参数来传递· A网页： $(function(){ $(’#a按钮’).on(’click’,function(){
//在原页面跳转 location.href=“B网页地址.html?参数名1=参数值1&参数名2=参数值2“ //或者 新开页面
window.open (’B网页地址.html?参数名1=参数值1&参数名2...

html页面与页面之间怎么进行跳转传值

一、通过《a href=“目标网页地址“》进行跳转；

二、要传值的话可以在href属性中这样添加：

        href=“目标地址?第一个值的名称=值&第二个值的名称=值“

说明：在上面的href属性中：“？”后面接要传的值；

“name=value”表示传值得形式，名称=值；

“&”表示多个值的连接；

看下面一个例子，你应该更明白了：

例：href=“index.html?name=zhangsan&password=123456”

三、简单说一下，在html中这样直接跳转传值没什么意义，因为html无法直接使用。如果是使用jsp的话倒是可以。提醒一句，一般带数据的跳转会经过后台处理后，再进行跳转至另一个页面！

满意的话，请五星好评采纳！O(∩_∩)O~

两个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(’=’)；
Request[a] = decodeURI(strs[i].split(’=’));//解码,生成获取信息的对象
console.log(Request[a]);
}
}
console.log(Request);
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
注意这种方式传递中文数据需要用decodeURIComponent()或decodeURL（）函数解码，unescape（）现在似乎已经淘汰了。
然后利用document.write()或innerHTML等方法或函数将数据显示在网页上。此种方法适合自己平时写JS的小练习，此种方法无法将数据保存下来。

2.使用Cookie传递参数
下面是简单的实例，a页面保存Cookie，b页面读取。
a.html

《!DOCTYPE html》
《html》
《head》
《meta charset=“UTF-8“》
《title》a《/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.length》0 && username) {
SetCookie(“username“, username);
/*跳转到b.html页面*/
document.location = “b.html“;
}
}
function $(id) {
return document.getElementById(id);
}
《/script》
《/head》
《body》
《div id=“main“》
《div》《span》请输入你的名字《/span》《input type=“text“ id=“user“ /》《/div》
《div》
《input type=“button“ onclick=“login()“ value=“提交“ /》
《/div》
《/div》
《/body》
《/html》
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
b.html

《html》
《head》
《meta charset=“UTF-8“》
《title》b《/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.length》0) {
$(“msg“).innerHTML = “《h1》欢迎光临,“ + username + “!《/h1》“;
} else {
$(“msg“).innerHTML = “《a href=’a.htm’》请录入名字《/a》“;
}
}
《/script》
《/head》
《body onload=“init()“》
《div id=“msg“》《/div》
《/body》
《/html》
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
此种方法也是适合自己平时写JS的小练习，此种方法无法将数据保存下来。

3.通过web服务器利用前后端交互
前后端交互又可分为表单交互和url参数交互。表单交互是指在HTML中创建一个表单，用户填写表单后提交给服务器，服务器收到表单后返回处理结果。其大致构成如下：
URL参数经常用于浏览器向服务器提交一些请求信息。其流程图大致如下：
例如利用nodejs与json文件相连接，实现对本地json数据的增删改查，在不同网页间传递数据。
————————————————
版权声明：本文为CSDN博主「想躺」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_41209003/article/details/103739371

两个html页面之间怎么传递参数值

使用Cookie传递参数 ，a页面保存Cookie，b页面读取，代码如下：

a页面

b页面

效果如下：