实现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页面地址栏参数传递与获取

  • 2011年09月20日 17:12
  • 11KB
  • 下载

实现html页面的参数传递

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

实现html页面的参数传递

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

实现html页面的参数传递

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

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

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

html页面跳转传递参数Demo

  • 2017年05月05日 13:48
  • 32KB
  • 下载

ASP.NET 中实现页面间的参数传递

  • 2012年07月27日 09:59
  • 176KB
  • 下载

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

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

单纯的html页面如何提交,传递参数,以及对身份的验证

由于项目需要做一套调查问卷,但客户要求调查问卷的题目,必须是纯htm标签,于是就面临着一系列的问题 1页面如何提交 用户做完了调查问卷,调查的结果如何提交? 2如何给页面传递参数 同一个调查问卷,...

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

项目中经常会出现的一种情况,有一个列表,譬如是案例列表,点击列表中的某一项,跳转至详情页面。详情是根据所点击的某条记录生成的,因为案例和具体的详情页面,都是用户后期自行添加的,我们开始编写时,不可能穷...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:实现html页面的参数传递
举报原因:
原因补充:

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