如何在两个html页面之间传值

最新推荐文章于 2021-06-03 06:09:49 发布

krismile__qh

最新推荐文章于 2021-06-03 06:09:49 发布

阅读量1.6k

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/krismile__qh/article/details/97929498

版权

js 专栏收录该内容

2 篇文章

订阅专栏

本文介绍三种获取网页请求参数的方法：使用getUrlParam.js脚本、jQuery的cookie插件及window.location.search。涵盖导入资源、获取与设置cookie、解析URL参数等实用技巧。

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

方式一：

利用js代码（getUrlParam.js）可以在我的下载中查找，能够获取到request中携带的参数。

主要用法：

1. 在页面上导入getUrlParam.js资源

<script type="text/javascript" src="resources/js/getUrlParam.js"></script>

2. 直接利用UrlParam.方法() 获取参数

例如：var param = UrlParam.paramValues("id");

所有用法：

// 获得参数,类似request.getParameter()
UrlParam.param(o);// o: 参数名或者参数次序

//获得参数组, 类似request.getParameterValues()
UrlParam.paramValues(o) // o: 参数名或者参数次序

//是否含有paramName参数
UrlParam.hasParam(paramName)

// 获得参数Map ,类似request.getParameterMap()
UrlParam.paramMap()

方式二：

利用jQuery的cookie插件进行传值

主要用法：

引入一个cookie插件：

<script src="http://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>

1. 获取cookie中的值

var userPhone = $.cookie('userPhone');

2. 向cookie中设置值

$.cookie('key', value, {expires: 7, path: '/seckill'});
//expire是到期时间，以天为单位；path是路径，在浏览器端存放的路径，随意填写，与下方的path对应一致

3. 清除cookie中的值

$.removeCookie('name',{ path: '/'}); //path为指定路径，直接删除该路径下的cookie

$.cookie('name',null,{ path: '/'}); //将cookie名为‘name’的值设置为空，实际已删除。

方式三：

利用window.location.search，能够查询？后面的参数

function GetQueryString(name)
{
     var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
     var r = window.location.search.substr(1).match(reg);
     //search,查询？后面的参数，并匹配正则
     if(r!=null)return  unescape(r[2]); return null;
}
 
//再通过此方法获取参数中的值
alert(GetQueryString("参数名1"));
alert(GetQueryString("参数名2"));
alert(GetQueryString("参数名3"));