来自 计算机网络 2019-09-04 19:47 的文章
当前位置: 六合联盟网 > 计算机网络 > 正文

详解javascript获取url信息的常见方法

不赘述了,直接贴代码了,通过示范一批注JS依据key值获取ULacrosseL中的参数值及把ULANDL的参数调换成json对象,示例二讲明js获取url传递参数,具体内容请看下文

先以“

示例一:

1、获取页面完整的url

//把url的参数部分中间转播成json对象 

var a=location.href;
console.log(a); // “http://www.cnblogs.com/wuxibolgs329/p/5261577.html#flag?test=12345”
 parseQueryString: function (url) {
  var reg_url = /^[^?]+?([wW]+)$/,
   reg_para = /([^&=]+)=([wW]*?)(&|$|#)/g,
   arr_url = reg_url.exec(url),
   ret = {};
  if (arr_url && arr_url[1]) {
   var str_para = arr_url[1], result;
   while ((result = reg_para.exec(str_para)) != null) {
    ret[result[1]] = result[2];
   }
  }
  return ret;
 }

2、获取页面包车型大巴域名

// 通过key获取url中的参数值

var host = window.location.host; //www.cnblogs.com
var host2 = document.domain; //www.cnblogs.com
var a = location.hostname;  //www.cnblogs.com
 getQueryString: function (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;
 }

3、获取url协议

示例二:

var a=location.protocol;
console.log(a); //http:

js通过几种艺术获得url传递参数:

4、获取端口

js获取url传递参数方法一:

var a=location.port;
console.log(a);

 这里是叁个获得U福睿斯L带QUESTLANDING参数的JAVASC福特ExplorerIPT客商端实施方案,相当于asp的request.querystring,PHP的$_GET
函数:

5、获取页面路线

<Script language="javascript">
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]]=(strs[i].split("=")[1]);
  }
 }
 return theRequest;
}
</Script>
var a=location.pathname;
console.log(a);

然后大家因而调用此函数获取相应参数值:

6、设置或获得 UEscortL 的协商部分

<Script language="javascript">
var Request = new Object();
Request = GetRequest();
var 参数1,参数2,参数3,参数N;
参数1 = Request[''参数1''];
参数2 = Request[''参数2''];
参数3 = Request[''参数3''];
参数N = Request[''参数N''];
</Script>

var a = location.protocol;

这几个博得url串中所带的同名参数

7、获取#后的一对

js获取url传递参数方法二 正则分析法:

var a=window.location.hash; 
var b=a.substr(1); 
console.log(b); // flag?test=12345
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;
}
alert(GetQueryString("参数名1"));
alert(GetQueryString("参数名2"));
alert(GetQueryString("参数名3"));

8、获取 href 属性中跟在问号?后边的局地

其他参数获取介绍:

// 此时案例地址变为“http://www.cnblogs.com/wuxibolgs329/p/5261577.html?test=12345”。得到 test=12345
var a=location.search;
var b=a.substr(1);
console.log(b); 
//如果案例依旧是“http://www.cnblogs.com/wuxibolgs329/p/5261577.html#flag?test=12345”,则需下面的写法,得到 test=12345
var a=location.href;
var b=a.substr(a.lastIndexOf('?')+1);
console.log(b);

//设置或获得对象钦点的文件名或路径。

9、获取 = 号前边的局地

alert(window.location.pathname);
var a=location.href;
var b=a.substring(a.lastIndexOf('=')+1);
console.log(b); // 12345

//设置或获得整个 UENCOREL 为字符串。

如上便是本文的整体内容,希望本文的开始和结果对我们的学习也许工作能带动一定的相助,同有时间也冀望多多帮衬脚本之家!

alert(window.location.href);

你或者感兴趣的稿子:

  • 应用JavaScript获取U奔驰M级L中的参数(三种办法)
  • jsp获得url路线的情势深入分析
  • js获取url传值的法子
  • JS依照key值获取UEscortL中的参数值及把UEvoqueL的参数调换到json对象
  • JavaScript获取URL汇总
  • Js+Jq获取UCRUISERL参数的汇总方法躬体力行代码
  • js获取url中"?"前面的字串方法
  • JS获取U翼虎L中参数值(QueryString)的4种办法分享
  • js获取url中的参数且参数为华语时通过js解码
  • JS获取url链接字符串 location.href

//设置或获得与 U奥迪Q7L 关联的端口号码。

alert(window.location.port);

//设置或获得 UMuranoL 的商量部分。

alert(window.location.protocol);

//设置或取得 href 属性中在井号“#”前边的分段。

alert(window.location.hash);

//设置或获得 location 或 U福特ExplorerL 的 hostname 和 port 号码。

alert(window.location.host);

//设置或获得 href 属性中跟在问号后面包车型地铁一对。

alert(window.location.search);

上述内容介绍了JS根据key值获取U中华VL中的参数值及把UPRADOL的参数调换到json对象,js通过二种格局获得url传递参数,代码

特别轻易,希望对我们有着扶助。

您可能感兴趣的稿子:

  • JavaScript落实url参数转成json方式
  • js将json格式的对象拼接成复杂的url参数方法
  • 多个JavaScript函数把U陆风X8L参数深入分析成Json对象
  • javascript将url深入分析为json格式的两种方法

本文由六合联盟网发布于计算机网络,转载请注明出处:详解javascript获取url信息的常见方法

关键词: