js获取当前页面url

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

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

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

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

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

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

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

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

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

window.location.pathname (设置或获取与 URL 的路径部分(就是文件地址))

var test = window.location.pathname;
alert(test);
//返回:/EditPosts.aspx

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

var test = window.location.search;
alert(test);
//返回:?opt=1
(PS:获得查询(参数)部分,除了给动态语言赋值以外,我们同样可以给静态页面,并使用 javascript 来获得相信应的参数值。)

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

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

js 获取 url 中的参数值*

正则法

function getQueryString(name) {
  var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
  var r = window.location.search.substr(1).match(reg);

  if (r != null) {
    return unescape(r[2]);
  }
  return null;
}
// 这样调用:
alert(GetQueryString('参数名 1'));

alert(GetQueryString('参数名 2'));

alert(GetQueryString('参数名 3'));

split 拆分法

function GetRequest() {
var url = location.search; //获取 url 中"?"符后的字串
var theRequest = new Object();

         if (url.indexOf("?") != -1) {
                 var str = url.substr(1);
                 strs = str.split("&");
              for(var i = 0; i < strs.length; i ++) {
                      theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
               }
         }
     return theRequest;

}
var Request = new Object();
Request = GetRequest();<br>// var id=Request["id"];
// var 参数 1,参数 2,参数 3,参数 N;
// 参数 1 = Request['参数 1'];
// 参数 2 = Request['参数 2'];
// 参数 3 = Request['参数 3'];
// 参数 N = Request['参数 N'];

指定

比如说一个 url:http://i.cnblogs.com/?j=js, 我们想得到参数 j 的值,可以通过以下函数调用。

function GetQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]\*)(&|\$)", "i");
var r = window.location.search.substr(1).match(reg); //获取 url 中"?"符后的字符串并正则匹配
var context = "";

     if (r != null)
     context = r[2];
    reg = null;
    r = null;
    return context == null || context == "" || context == "undefined" ? "" : context;

}
alert(GetQueryString("j"));

单个参数的获取方法

function GetRequest() {
  var url = location.search; //获取 url 中"?"符后的字串
  if (url.indexOf('?') != -1) {
    //判断是否有参数
    var str = url.substr(1); //从第一个字符开始 因为第 0 个是?号 获取所有除问号的所有符串
    strs = str.split('='); //用等号进行分隔 (因为知道只有一个参数
    //所以直接用等号进分隔 如果有多个参数 要用&号分隔 再用等号进行分隔)
    alert(strs[1]); //直接弹出第一个参数 (如果有多个参数 还要进行循环的)
  }
}
posted @ 2021-02-19 22:01  月山  阅读(336)  评论(0编辑  收藏  举报