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-05-30毕设私活神器
- 2024-05-30html
- 2024-05-09一定要避坑:关于微信H5分享,温馨提示你不要再踩坑了!!!
- 2024-05-09本地项目放到公网访问!炒鸡煎蛋!
- 2024-04-07金融企业区域集中库的设计构想和测试验证
- 2024-03-11前端CSS的工程化——掌握Sass这四大特性就够了
- 2024-02-21h5关联css样式(html怎么和css关联)-icode9专业技术文章分享
- 2024-02-07Firefox禁止远程字体加速网页加载及图标字体补充安装
- 2024-02-07一个菜鸡前端的3年总结-「2023」
- 2024-01-18最火前端Web组态软件(可视化)