HTML 页面传值及另一个页面接收值
2021/12/26 23:09:35
本文主要是介绍HTML 页面传值及另一个页面接收值,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
a.html
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>a页面</title> <script type="text/javascript" src="link/jquery.min.js"></script> <script type="text/javascript"> function to(){ var getval ="valueTest中文字符"; var getval2 ="valueTest2"; window.location.href="b.html?valus="+getval; // window.location.href="b.html?valus="+getval+"&value2="+getval2; } </script> </head> <body> <button onclick="to()">传值</button> </body> </html>
b.html
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>b页面</title> <script type="text/javascript" src="link/jquery.min.js"></script> <script type="text/javascript"> $(function(){ console.log(decodeURI(location.search.concat())); manyValues(); $("#show").html(oneValues()); }) //接收一个值 function oneValues(){ var result; var url=decodeURI(window.location.search); //获取url中"?"符后的字串 if(url.indexOf("?") != -1) { result = url.substr(url.indexOf("=")+1); } return result; } //接收多值 function manyValues() { var url=decodeURI(window.location.search); if(url.indexOf("?")!=-1) { var str = url.substr(url.indexOf("?") + 1); strs = str.split("&"); var key = new Array(strs.length); var value = new Array(strs.length); for(i = 0;i < strs.length;i++){ key[i] = strs[i].split("=")[0] value[i] = unescape(strs[i].split("=")[1]); alert(key[i]+"="+value[i]); } } } </script> </head> <body> <span>接收的值是:</span> <span id="show"></span> </body> </html>
注:
中文传输:可以在页面a用 encodeURI 编码url 在b页面用 decodeURI 解码url
这篇关于HTML 页面传值及另一个页面接收值的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-10-01AntDesign-Form-rules学习:轻松入门教程
- 2024-10-01classnames学习:轻松掌握前端中的类名管理
- 2024-09-30前端案例资料:新手入门必读教程
- 2024-09-30前端编程资料:新手入门必备教程
- 2024-09-30前端培训资料:新手入门必读教程
- 2024-09-30滚动吸顶项目实战:从入门到上手
- 2024-09-29HTML学习:span标签教程详解
- 2024-09-29HTML基础:button标签教程
- 2024-09-29div标签教程:HTML布局的入门指南
- 2024-09-29HTML8教程:初学者的必备指南