js怎样获得页面传递参数

JavaScript011

js怎样获得页面传递参数,第1张

function getQueryString(name) {

    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i")

    var r = window.location.search.substr(1).match(reg)

    if (r != null) return (r[2]) return null

}

要获取url传过来的参数,直接调用GetQuryString即可。这个方法一般放在通用方法里里面。

网址: http://1.com/

调用: QueryString('name')

返回: null

网址: http://1.com/?name=cwj&age=21

调用: QueryString('name')

返回: cwj

现在随便拿一个网址: https://m.weibo.cn/u/5902368392?topnav=1&wvr=6&is_all=1&jumpfrom=weibocom ,这个网址的 location 是:

所以这个地址的 location.search 是 ?topnav=1&wvr=6&is_all=1&jumpfrom=weibocom ,这就是需要执行匹配的字符串

match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。

存放匹配结果的数组。在这个方法中将匹配结果放在了数组 sValue 中。

RegExp 对象表示正则表达式

该对象接受两个参数,第一个参数是一个字符串,指定了正则表达式的模式或其他正则表达式。第二个参数 i 代表着区分大小写的匹配。

调用该方法: QueryString('wvr') ,根据以上正则表达式匹配出来的结果是:

要注意的是 match 方法返回的数组 0 位置是匹配的字符串,所以相应参数在 sValue[1] 中

首先需要让这两个页面之间建立有关系,也就是需要在一个页面中打开另外一个页面,可以参考以下代码:

主窗口代码:

var features = {

                channelmode: 1,

                fullscreen: 1,

                location: 0,

                menubar: 0,

                scrollbars: 0,

                status: 0,

                titlebar: 0,

                toolbar: 0,

                resizable: 1

            }

var previewWin = window.open("preview.html", "展示", features, true)

在主窗口中可以通过previewWin对象来调用子窗口中的代码。

在子窗口中可以通过opener对象来访问主窗口中的代码,这样主从窗口之间就建立关系了,如果你需要在主窗口中改变子窗口中的背景可以这样做:

首先在子窗口中定义一个改变窗口背景的函数,比如 changeBg(),然后在主窗口中通过previewWin对象调用,previewWin.changeBg()即可。