html网页如何传递接收地址参数

1、通过window.location.href中的分割符获得各个参数

/**函数功能：从href获得参数*sHref:   http://www.artfh.com/arg.htm?arg1=d&arg2=re*sArgName:arg1, arg2*return:    the value of arg. d, re*/function GetArgsFromHref(sHref, sArgName){var args    = sHref.split("?");var retval = "";if(args[0] == sHref) /*参数为空*/{return retval; /*无需做任何处理*/}  var str = args[1];args = str.split("&");for(var i = 0; i < args.length; i ++){str = args[i];var arg = str.split("=");if(arg.length <= 1) continue;if(arg[0] == sArgName) retval = arg[1]; }return retval;}

2、html地址传递参数:

<script>
/* 用途: 接收地址栏参数*/
urlinfo=window.location.href; //获取当前页面的url
len=urlinfo.length;//获取url的长度
offset=urlinfo.indexOf("?");//设置参数字符串开始的位置
newsidinfo=urlinfo.substr(offset,len)//取出参数字符串 这里会获得类似“id=1”这样的字符串
newsids=newsidinfo.split("=");//对获得的参数字符串按照“=”进行分割
newsid=newsids[1];//得到参数值
newsname=newsids[0];//得到参数名字
</script>

3、window.location.search:

<SCRIPT LANGUAGE="JavaScript">
function getvalue(name){var str=window.location.search;   //location.search是从当前URL的?号开始的字符串 例如：http://www.51job.com/viewthread.jsp?tid=22720 它的search就是?
tid=22720if (str.indexOf(name)!=-1){var pos_start=str.indexOf(name)+name.length+1;var pos_end=str.indexOf("&",pos_start);if (pos_end==-1){alert( str.substring(pos_start));}else{alert("对不起这个值不存在！");}}
</SCRIPT>

4、js获取当取地址栏的Object:

里面有三个方法：
1、request.QueryString(“参数”)//获取指定参数，返回字符串;

当前地址栏参数字符串为：?name=a&site=never_online
alert(request.setQuery("name","blueDestiny"))
如果地址栏参数中有"name"，那么返回?name=blueDestiny&site=never_online

2、request.QueryStrings();//获取全部参数，并返回数组;
3、request.setQuery(“参数”,“参数的值”);//如果当前地址栏有此参数，那么将更新此参数，否则返回一个新的地址栏参数字符串。

setQuery方法有自动追加参数的功能。如：
当前地址栏参数字符串为：?site=never_online
alert(request.setQuery("name","blueDestiny"))
则返回?site=never_online&name=blueDestiny
同理，如果地址栏没有参数，也会自动追加参数
alert(request.setQuery("name","blueDestiny"))
返回?name=blueDestiny

<SCRIPT LANGUAGE="JavaScript">
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>

iframe嵌套网页消息传递，传递参数

A页面中嵌套B页面并向B页面传递消息：
A页面：

<iframe name="iframeA" src="http://xxx.B.html"></iframe><script>//发送消息window.onload = function(){var params = {name:'xxx'};var obj = JSON.stringify(params);window.frames['iframeA'].postMessage(obj,'http://xxx.B.html')}
</script>

B页面：

<script>window.onload = function(){//判断是否被嵌套if(window.parent != window){window.addEventListener('message',function(e){//这里会发现函数执行两次 一次返回string,一次返回object 小编也不知道是什么原因，因此加了判断if(typeof e.data === 'string'){ var obj = JSON.parse(e.data) // 获取到A页面传来的值}})}
}</script>

html网页如何传递接收地址参数相关推荐

原生JS 和 jQuery 通过url传递和接收自定义参数
一.传递参数页面参数传递方法1:通过a标签传递 <a href="page/info.html?gid=1024&red=#5u6c86&img='./img/goo ...
springmvc 传递和接收数组参数
java url中如何传递数组,springMVC框架controller类如何接收数组参数? 下面介绍一下URL中传递数组参数方法: dd.do?titles[]=col1&titles[] ...
springmvcget中文乱码_解决SpringMVC Controller 接收页面传递的中文参数出现乱码的问题...
新配置一个spring的MVC项目,发现对Get请求的中文参数出现了乱码: 查看了SpingMVC中关于编码的配置(在web.xml中),如下: encodingFilter org.springfr ...
SpringMVC参数的传递——接收List数组类型的数据
前言本文主要是记录SpringMVC中当前台传过来数组的时候,如何把前台传过来的数据封装到Controller层方法的形参中. 在了解下面参数如何传递前先记住两个结论: 当Ajax以applicat ...
前端ajax传递json格式参数，后端springboot接收
在做开发的过程中,前端ajax传参和后端springboot接收参数经常用到,之前老是把这些搞混,导致出现错误,也在网上查阅了很多资料,再根据自己的经验和测试,对这部分内容做了一些使用总结.后面会再慢 ...
c语言中的值传递和地址传递参数,c语言值传递，地址传递，引用传递
c语言值传递,地址传递,引用传递总结:对于函数来说,值传递就是一个人来了,给你一些数据,你对数据处理.地址传递就是你通过地址找到一个人,然后直接对这个人处理.而引用传递就是你要直接对一个人进行处 ...
HttpServletRequest和@Requestparam、@RequestBody、直接实体接收请求参数的区别与示例
文章目录概述 1.HttpServletRequest 2.@RequestParam 3.@RequestBody 4.直接实体接收 HttpServletRequest请求方法详解: 概述客户 ...
11.Axis客户端接收不同参数类型
转自:http://www.guance.com/708.html axis只支持简单类型的返回值.在这里逐一介绍axis的各种返回值接受. 1. axis接受基本类型,如int, string等引 ...
C语言中函数参数传递的方式：值传递，地址传递
** C语言中函数参数传递的方式:值传递,地址传递 ** 值传递:将实参的值复制至形参的相应存储单元中,实参与形参占用不同存储单元,单向传递地址传递:使用数组名或者指针作为函数参数,传递的是该数组的 ...

html网页如何传递接收地址参数

html网页如何传递接收地址参数

1、通过window.location.href中的分割符获得各个参数

2、html地址传递参数:

3、window.location.search:

4、js获取当取地址栏的Object:

iframe嵌套网页消息传递，传递参数

html网页如何传递接收地址参数相关推荐

最新文章

热门文章