关于地址跳转的参数

//http://www.huistd.com/?id=99&ttt=3&haha=33
// GetQueryString("haha")
//获取地址栏参数
function GetQueryString(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
    var r = window.location.search.substr(1).match(reg);
    if (r != null) return unescape(r[2]); return null;
}

//changeUrlArg(url, ‘haha‘, 33); // http://www.huistd.com/?id=99&ttt=3&haha=33
//修改地址栏参数
function changeUrlArg(url, arg, val) {
    var pattern = arg + ‘=([^&]*)‘;
    var replaceText = arg + ‘=‘ + val;
    return url.match(pattern) ? url.replace(eval(‘/(‘ + arg + ‘=)([^&]*)/gi‘), replaceText) : (url.match(‘[\?]‘) ? url + ‘&‘ + replaceText : url + ‘?‘ + replaceText);
}

  

在WEB开发中,时常会用到javascript来获取当前页面的url网址信息,在这里是我的一些获取url信息的小总结。

下面我们举例一个URL,然后获得它的各个组成部分:http://i.cnblogs.com/EditPosts.aspx?opt=1

1、window.location.href(设置或获取整个 URL 为字符串)

var test = window.location.href;
alert(test);
返回:http://i.cnblogs.com/EditPosts.aspx?opt=1

2、window.location.protocol(设置或获取 URL 的协议部分)

var test = window.location.protocol;
alert(test);
返回:http:

3、window.location.host(设置或获取 URL 的主机部分)

var test = window.location.host;
alert(test);
返回:i.cnblogs.com

4、window.location.port(设置或获取与 URL 关联的端口号码)

var test = window.location.port;
alert(test);
返回:空字符(如果采用默认的80端口(update:即使添加了:80),那么返回值并不是默认的80而是空字符)

5、window.location.pathname(设置或获取与 URL 的路径部分(就是文件地址))
var test = window.location.pathname;
alert(test);
返回:/EditPosts.aspx

6、window.location.search(设置或获取 href 属性中跟在问号后面的部分)

var test = window.location.search;
alert(test);
返回:?opt=1

PS:获得查询(参数)部分,除了给动态语言赋值以外,我们同样可以给静态页面,并使用javascript来获得相信应的参数值。

7、window.location.hash(设置或获取 href 属性中在井号“#”后面的分段)

var test = window.location.hash;
alert(test);
返回:空字符(因为url中没有)

参考链接:http://www.jb51.net/article/82519.htm

原文地址:https://www.cnblogs.com/qqing/p/8436683.html

时间: 2024-10-21 14:13:54

关于地址跳转的参数的相关文章

根据Email地址跳转到相应的邮箱登录页面 (转)

//跳转到指定的邮箱登录页面 $(".btn_actemail").click(function () { var uurl = $(".hide_email").val(); uurl = gotoEmail(uurl); if (uurl != "") { $(".toopen").attr("href", "http://"+uurl); $(".toopen"

php根据IP地址跳转对应的城市,淘宝REST api调用地址直接使用

<?php // 定义一个函数getIP() function getIP(){ global $ip; if (getenv("HTTP_CLIENT_IP")) { $ip = getenv("HTTP_CLIENT_IP"); }else if(getenv("HTTP_X_FORWARDED_FOR")) { $ip = getenv("HTTP_X_FORWARDED_FOR"); }else if(geten

支付宝集成——如何在回调地址中使用自定义参数

支付宝集成——如何在回调地址中使用自定义参数 来源 http://www.solagirl.net/use-custom-para-in-alipay-return-url.html 2012 年 8 月 15 日 By Sola 支付宝集成时,有同步返回地址return_url和异步通知地址notify_url,这两个地址中的参数与签名验证有非常大的关系,在支付宝的说明中,强调return_url不可以有自定义参数,否则会导致sign和mysign不相等,但有时我们需要一些自定义参数来做判断,

jQuery Mobile学习之grid、等待显示的ajax效果、页面跳转、页面跳转传递参数等(二)

Index.cshtml <!-- Start of second page --> <section data-role="page" id="bar"> <header data-role="header"> <h1>Bar</h1> </header> <!-- /header --> <div role="main" class=

关于js的地址跳转

一.基本的地址跳转 解说: window.open 弹出新窗口的命令:     page.html' 弹出窗口的文件名:    'newwindow' 弹出窗口的名字(不是文件名),非必须,可用空'代替: height=100 窗口高度: width=500 窗口宽度: top=0 窗口距离屏幕上方的象素值: left=0 窗口距离屏幕左侧的象素值. window.location.href = "页面地址"; //当前页跳转 相当于 <a href="baidu.co

JS页面跳转使地址后面不显示参数

背景 使用window.open()和window.location.href跳转时,新页面的地址栏会显示参数,如下:http://127.0.0.1:8080/website-cms/admin/article/edit?action=add. 这样会暴露参数内容,用户可以修改地址栏的参数.如果提交的参数修改可能会出现业务上的错误,甚至可以跳过权限验证,实现本来没有的权限. 案例 以前做过一个系统是通过权限控制按钮,权限小的只能查看,权限大的可以修改.但是为了方便只使用了同一个页面通过不同的参

Shiro整合SSH开发3:配置Shiro认证后页面地址跳转问题(和详述不配置需要注意的问题)

在视频教程中讲请求认证成功后跳转页面的问题是一笔带过的,但是我觉得有必要单独写一篇对应的文章进行叙述. 我用了SSH来整合Shiro,在开发后验证的过程中,每次登陆后Shiro都会跳转到一个不知名js中,但是重点是我上一次访问的地址是: Edit http://localhost:8080/shiro_05/user/login.action 认证之后应该跳转到上一个请求的地址,但是Shiro却跳转到了: http://localhost:8080/shiro_05/user/js/eqmt.j

获取页面跳转携带参数问题

js函数,解析页面跳转携带的参数 function parseParams(param) { param = param.substr(1, param.length - 1); var paramArray = new Array(); var pArray = param.split('&'); for (var i = 0; i < pArray.length; i++) { var attributeArray = pArray[i].split('='); if ('backUrl

vue-cli 配置路由之间跳转传递参数

1.有2种方式去传参,如下代码: <template> <div> <div>这里是首页</div> <router-link :to="{name:'reg',params:{user:text}}">注册reg</router-link> <router-link :to="'/reg/'+text">注册reg</router-link> </div>