实现html页面的参数传递

原创 2015年11月19日 17:02:55
做中英转换的时候,要准确的获取参数并取出,所以做了一个简单的html中用js获取当取地址栏的一个Object。 
里面有三个方法: 
1、request.QueryString("参数")//获取指定参数,返回字符串; 
2、request.QueryStrings();//获取全部参数,并返回数组; 
3、request.setQuery("参数","参数的值");//如果当前地址栏有此参数,那么将更新此参数,否则返回一个新的地址栏参数字符串。 
例如: 
当前地址栏参数字符串为:?name=a&site=never_online 
alert(request.setQuery("name","blueDestiny")) 
如果地址栏参数中有"name",那么返回?name=blueDestiny&site=never_online 
setQuery方法有自动追加参数的功能。如: 
当前地址栏参数字符串为:?site=never_online 
alert(request.setQuery("name","blueDestiny")) 
则返回?site=never_online&name=blueDestiny 
同理,如果地址栏没有参数,也会自动追加参数 
alert(request.setQuery("name","blueDestiny")) 
返回?name=blueDestiny 
<SCRIPT LANGUAGE="JavaScript"> 
<!-- 
// author: never-online 
// web: never-online.net 
var request = { 
QueryString : function(val) { 
var uri = window.location.search; 
var re = new RegExp("" +val+ "\=([^\&\?]*)", "ig"); 
return ((uri.match(re))?(uri.match(re)[0].substr(val.length+1)):null); 
}, 
QueryStrings : function() { 
var uri = window.location.search; 
var re = /\w*\=([^\&\?]*)/ig; 
var retval=[]; 
while ((arr = re.exec(uri)) != null) 
retval.push(arr[0]); 
return retval; 
}, 
setQuery : function(val1, val2) { 
var a = this.QueryStrings(); 
var retval = ""; 
var seted = false; 
var re = new RegExp("^" +val1+ "\=([^\&\?]*)$", "ig"); 
for(var i=0; i<a.length; i++) { 
if (re.test(a[i])) { 
seted = true; 
a[i] = val1 +"="+ val2; 


retval = a.join("&"); 
return "?" +retval+ (seted ? "" : (retval ? "&" : "") +val1+ "=" +val2); 


alert(request.setQuery("e","b")) 
//--> 
</SCRIPT>
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

实现html页面的参数传递

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

如何使用js来实现通过href完成多个html页面之间的传递参数

有些时候我们需要在一连串的网站跳转中都要使用某些参数值,那么楼主分享的是:在不使用php和数据库的情况下,如何通过简单的js代码来实现多个网站之间的数值传递。(适合html+js菜鸟参考,高手勿喷~o...

前端在html页面之间传递参数的方法

项目中经常会出现的一种情况,有一个列表,譬如是案例列表,点击列表中的某一项,跳转至详情页面。详情是根据所点击的某条记录生成的,因为案例和具体的详情页面,都是用户后期自行添加的,我们开始编写时,不可能穷...

前端在html页面之间传递参数的方法

项目中经常会出现的一种情况,有一个列表,譬如是案例列表,点击列表中的某一项,跳转至详情页面。详情是根据所点击的某条记录生成的,因为案例和具体的详情页面,都是用户后期自行添加的,我们开始编写时,不可能穷...

前端在html页面之间传递参数的方法

项目中经常会出现的一种情况,有一个列表,譬如是案例列表,点击列表中的某一项,跳转至详情页面。详情是根据所点击的某条记录生成的,因为案例和具体的详情页面,都是用户后期自行添加的,我们开始编写时,不可能穷...

小强的HTML5移动开发之路(53)——jQueryMobile页面间参数传递

在单页模版中使用基于HTTP的方式通过POST和GET请求传递参数,而在多页模版中不需要与服务器进行通信,通常在多页模版中有以下三种方法来实现页面间的参数传递。1、GET方式:在前一个页面生成参数并传...

HTML5 页面跳转和参数传递

小生是html5的初学者,原本从事iOS开发,如今html5越来越受欢迎,于是抽业余时间学习html编程,一下总结了些简单的页面跳转和参数传递方式。
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)