js如何获取当前网页的url信息

原⽣JS获取URL链接参数的⼏种常见⽅法前⾔作为⼀个前端开发，我们很多时候都需要对URL进⾏操作和处理，最常见的⼀种就是获取URL链接中携带的参数值了。

使⽤框架开发的⼩伙伴可能会觉得这很简单，因为框架提供了很多⽅法让我们⽅便的获取URL链接携带的参数。

但是有些时候我们不能依赖框架，需要我们使⽤原⽣JS去获取参数，这也是⾯试中经常遇到的⼀道题。

今天我们就⼿撕代码，利⽤原⽣JS去获取URL链接参数值。

1. 获取⽅式总结利⽤原⽣JS获取URL链接参数的⽅法也有好⼏种，今天我们依次来讲解常见的⼏种：通过正则匹配的⽅式利⽤a标签内置⽅法利⽤split⽅法分割法使⽤URLSearchParams⽅法2. 具体实现⽅法2.1 正则匹配法这是⾮常中规中举的⼀种⽅法，重点是要求我们要懂正则表达式。

代码如下：<script>// 利⽤正则表达式let url = "?name=elephant&age=25&sex=male&num=100"// // 返回参数对象function queryURLParams(url) {let pattern = /(\w+)=(\w+)/ig; //定义正则表达式let parames = {}; // 定义参数对象url.replace(pattern, ($, $1, $2) => {parames[$1] = $2;});return parames;}console.log(queryURLParams(url))</script>上段代码中重点是正则表达式的定义以及replace⽅法的使⽤,其中$2分别代表name=elephant、name、elephant，以此类推。

replace结合正则更加详细的使⽤⽅法可以⾃⾏下去学习。

实现效果：2.2 利⽤a标签这种⽅法较少⼈使⽤，因为毕竟有点⿊科技的意思在⾥⾯。

js获取url参数方法在前端开发中，经常需要获取URL中的参数。

这些参数能够提供有关当前页面的重要信息，例如用户ID或者搜索关键词。

在JavaScript中获取URL参数的方法有很多，下面是常用的几种方法： 1. 使用location对象在JavaScript中，可以使用location对象获取当前URL的所有信息，包括参数。

location.search属性返回URL中的查询字符串部分，即“?”后面的内容。

通过字符串截取和正则表达式匹配可以获取参数的值。

示例代码如下：```function getUrlParam(name) {var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)'); var r = window.location.search.substr(1).match(reg);if (r != null) return unescape(r[2]);return null;}// 使用方法var userId = getUrlParam('userId');```2. 使用URLSearchParams对象URLSearchParams是一个新的Web API，用于解析和操作URL中的查询字符串。

通过URLSearchParams对象可以轻松获取和设置URL 参数。

示例代码如下：```var searchParams = newURLSearchParams(window.location.search);var userId = searchParams.get('userId');```3. 使用jQuery库如果项目中已经引入了jQuery库，可以使用它提供的便捷方法获取URL参数。

jQuery库提供了$.param()函数将URL参数转化为对象，$.getUrlParam()函数可以方便地获取URL参数的值。

js如何准确获取当前页⾯url⽹址信息在WEB开发中，时常会⽤到javascript来获取当前页⾯的url⽹址信息，在这⾥是我的⼀些获取url信息的⼩总结。

1、window.location.href(设置或获取整个 URL 为字符串)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);返回：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.aspx6、window.location.search(设置或获取 href 属性中跟在问号后⾯的部分)var test = window.location.search;alert(test);返回：?opt=1PS：获得查询（参数）部分，除了给动态语⾔赋值以外，我们同样可以给静态页⾯，并使⽤javascript来获得相信应的参数值。

7、window.location.hash(设置或获取 href 属性中在井号“#”后⾯的分段)var test = window.location.hash;alert(test);返回：空字符(因为url中没有)8、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'];三、指定取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]); //直接弹出第⼀个参数 （如果有多个参数 还要进⾏循环的）}}⼀、正则法⼆、split 拆分法1234567891011121314function 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"));12345678910111213141516171819function 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'];三、指定取四、单个参数的获取⽅法如果有多个参数要⽤&号分隔再⽤等号进⾏。

js取路径的方法在JavaScript中，您可以使用以下方法来获取路径：1. 使用window.location对象您可以使用window.location对象来获取当前文档的路径信息。

例如，要获取完整的URL路径，可以使用`window.location.href`。

如果只想获取路径部分而不包括协议和域名，可以使用`window.location.pathname`。

示例：javascriptconsole.log(window.location.href); // 输出完整的URL路径console.log(window.location.pathname); // 输出路径部分2. 使用document对象您还可以使用document对象来获取当前文档的路径信息。

通过document对象的属性可以获得URL的各个部分。

示例：javascriptconsole.log(document.URL); // 输出完整的URL路径console.log(document.location.href); // 输出完整的URL路径（与document.URL相同）console.log(document.location.pathname); // 输出路径部分3. 使用location对象JavaScript还提供了一个location对象，它包含了有关当前页面的URL信息。

通过location对象，您可以获取路径、搜索参数、哈希等信息。

示例：javascriptconsole.log(location.href); // 输出完整的URL路径console.log(location.pathname); // 输出路径部分这些是在JavaScript中获取路径信息的常用方法。

根据您的具体需求，选择适合的方法来获取路径。

js如何获取url参数，拼接url参数1、通过字符串截取的⽅式获取参数值；(注意location.search截取“？”后的字符串，该⽅法只适⽤于通过链接跳转的路径，如果是直接截取路径则返回空值，因此应该加上判断)1 /**2 * [获取URL中的参数名及参数值的集合]3 * ⽰例URL:http://htmlJsTest/getrequest.html?uid=admin&rid=1&fid=2&username=张三6 */7 function GetRequest(urlStr) {//两种⽅式，输⼊链接获取或当前链接获取8 if (typeof urlStr == "undefined") {9 var url = decodeURI(location.search); //获取url中"?"符后的字符串10 } else {11 var url = "?" + urlStr.split("?")[1];12 }13 var theRequest = new Object();14 if (url.indexOf("?") != -1) {15 var str = url.substr(1);//去掉问号，问号为第⼀个字符16 strs = str.split("&");17 for (var i = 0; i < strs.length; i++) {18 theRequest[strs[i].split("=")[0]] = decodeURI(strs[i].split("=")[1]);19 }20 }21 return theRequest;22 }下⾯我们看⼀下结果：1 var parms_1 = GetRequest();2 console.log(parms_1); // {"uid":"admin","rid":"1","fid":"2","name":"张三"}3 console.log(parms_1['name']); // '张三'4 var parms_2 = GetRequest('http://htmlJsTest/getrequest.html?uid=admin&rid=1&fid=2&name=张三');5 console.log(parms_2); // {"uid":"admin","rid":"1","fid":"2","name":"张三"}6 console.log(parms_2['name']); // '张三'2、通过参数名获取url中的参数值1 /**2 * [通过参数名获取url中的参数值]3 * ⽰例URL:http://htmlJsTest/getrequest.html?uid=admin&rid=1&fid=2&name=张三6 */7 function GetQueryValue(queryName) {8 var query = decodeURI(window.location.search.substring(1));//将url转码，如果不是当前地址链接，可以在这⾥填写需要的链接9 var vars = query.split("&");//分割字符串，将url切割成数组形式的对象10 for (var i = 0; i < vars.length; i++) {11 var pair = vars[i].split("=");//再次分割成数组12 if (pair[0] == queryName) { return pair[1]; }//如果匹配输出结果13 }14 return null;15 }看⼀下结果：1 var queryVal=GetQueryValue('name');2 console.log(queryVal);// 张三3、通过正则获取到参数值；1 /**2 * [通过参数名获取url中的参数值]3 * ⽰例URL:http://htmlJsTest/getrequest.html?uid=admin&rid=1&fid=2&name=张三6 */7 function GetQueryValue1(queryName) {8 var reg = new RegExp("(^|&)" + queryName + "=([^&]*)(&|$)", "i");9 var r = window.location.search.substr(1).match(reg);10 if ( r != null ){11 return decodeURI(r[2]);12 }else{13 return null;14 }15 }看⼀下结果：1 var queryVal=GetQueryValue1('name');2 console.log(queryVal);// 张三。

js 获取url的方法JavaScript是一种常用的编程语言，用于实现网页的交互和动态效果。

在网页开发中，经常需要获取URL，也就是当前网页的地址。

以下是几种常见的获取URL的方法。

方法一：使用window.location对象window.location对象包含了当前网页的URL信息，可以通过它来获取URL的各部分。

获取完整URL：```javascriptvar url = window.location.href;```获取主机名（域名）：```javascriptvar hostname = window.location.hostname;```获取路径名：```javascriptvar pathname = window.location.pathname;```获取查询字符串（参数）部分：```javascriptvar search = window.location.search;```获取哈希值（锚点）部分：```javascriptvar hash = window.location.hash;```方法二：使用document.URL属性document.URL属性返回当前网页的完整URL，可以直接使用它来获取URL。

```javascriptvar url = document.URL;```方法三：使用location.href属性location.href属性返回当前网页的完整URL，也可以直接使用它来获取URL。

```javascriptvar url = location.href;```以上是几种常见的获取URL的方法。

根据具体需求选择合适的方法即可。

js解析url参数的方法在计算机网络的通信中，URL（Uniform Resource Locator）是一种指定Web资源的统一方式，它是由字符串形式表达的一组字符，通常用来指向Internet上的文件，但它也可以指向其他协议的资源，比如文件传输协议(FTP)、简单邮件传输协议(SMTP)等。

通常，URL会包括一些附加的参数，这些参数保存在URL中，用于提供服务器信息、用户验证、参数传递等。

在本文中，我们将学习如何使用JavaScript来解析URL参数。

1.取URL要解析URL参数，首先需要获取URL完整字符串。

JavaScript 中的window.location对象的href属性可以获取当前URL，该属性可以返回从协议到hashTag之间的完整URL字符串。

2.析地址使用JavaScript可以使用以下两种方法解析URL参数：（1）使用URLSearchParams对象URLSearchParams对象可以解析URL参数，它是JavaScript标准库中的一个对象，可以通过URLSearchParams构造函数来创建URLSearchParams对象，并将URL的search部分传入构造函数。

（2）使用正则表达式我们也可以使用正则表达式来解析URL参数，正则表达式可以帮助我们提取URL引用的参数和值，也可以帮助我们对URL进行更复杂的处理。

3.理参数其次，我们要对提取出来的参数进行处理，可以使用JavaScript 自带的String对象的split()方法，此方法可以根据指定的分隔符，将字符串分割成数组，这里我们将其作为参数key-value的分隔符。

4.回参数最后，我们可以将处理完毕的参数返回，可以使用一个JavaScript对象来保存参数，然后将对象返回即可。

以上就是使用JavaScript解析URL参数的方法。

使用此方法能够更加轻松地解析URL中的参数和值，从而更高效地使用参数。

静态页面获取url参数并显示的方法静态页面获取URL参数并显示的方法在Web开发中，经常会涉及到从URL中获取参数的需求，例如在搜索引擎中搜索商品时，需要在URL中传入关键字参数来搜索特定的商品。

那么，在静态页面中如何获取URL参数并进行对应的操作呢？接下来，将为您介绍几种静态页面获取URL参数并显示的方法。

方法一：使用JavaScript在JavaScript中，可以使用window.location.search方法来获取URL中的查询参数，如下所示：``` var urlParams = newURLSearchParams(window.location.search); var id = urlParams.get('id'); var name =urlParams.get('name');// 在页面中显示参数值document.getElementById("id").innerHTML = id; document.getElementById("name").innerHTML = name; ```在示例中，使用了URLSearchParams对象来获取URL 中的查询参数，并使用get()方法来获取指定参数的值。

可以在获取参数值后，通过getElementById()方法来获得显示参数的HTML元素ID，并将参数值显示在页面中。

方法二：使用jQuery如果你熟悉jQuery的话，可以使用jQuery来获取URL参数，并在页面中显示该参数的值。

如下所示：``` var id = $.urlParam('id'); var name =$.urlParam('name');// 在页面中显示参数值 $("#id").html(id); $("#name").html(name); ```在示例中，使用了jQuery的插件$.urlParam()方法来获取指定参数的值，并使用html()方法来将参数值显示在页面中。

详解javascript获取url信息的常见⽅法1、获取页⾯完整的urlvar a=location.href;console.log(a);　// “/wuxibolgs329/p/5261577.html#flag?test=12345”2、获取页⾯的域名var host = window.location.host; //var host2 = document.domain; //var a = location.hostname; //3、获取url协议var a=location.protocol;console.log(a);　//http:4、获取端⼝var a=location.port;console.log(a);5、获取页⾯路径var a=location.pathname;console.log(a);6、设置或获取 URL 的协议部分var a = location.protocol;7、获取#后的部分var a=window.location.hash;var b=a.substr(1);console.log(b);　// flag?test=123458、获取 href 属性中跟在问号?后⾯的部分// 此时案例地址变为“/wuxibolgs329/p/5261577.html?test=12345”。

得到 test=12345var a=location.search;var b=a.substr(1);console.log(b);　//如果案例依旧是“/wuxibolgs329/p/5261577.html#flag?test=12345”，则需下⾯的写法，得到 test=12345var a=location.href;var b=a.substr(stIndexOf('?')+1);console.log(b);9、获取 = 号后⾯的部分var a=location.href;var b=a.substring(stIndexOf('=')+1);console.log(b); // 12345以上就是本⽂的全部内容，希望本⽂的内容对⼤家的学习或者⼯作能带来⼀定的帮助，同时也希望多多⽀持！。

js获取当前页⾯路径⽰例讲解设置或获取对象指定的“⽂件名”或路径。

<script>alert(window.location.pathname)</script>设置或获取整个 URL 为字符串。

<script>alert(window.location.href);</script>设置或获取与 URL 关联的端⼝号码。

<script>alert(window.location.port)</script>设置或获取 URL 的协议部分。

<script>alert(window.location.protocol)</script>设置或获取 href 属性中在井号“#”后⾯的分段。

<script>alert(window.location.hash)</script>设置或获取 location 或 URL 的 hostname 和 port 号码。

<script>alert(window.location.host)</script>设置或获取 href 属性中跟在问号后⾯的部分。

<script>alert(window.location.search)</script>⽹页刷新推荐-JS<input type=button value=刷新 onclick="history.go(0)"><input type=button value=刷新 onclick="location.reload()"><input type=button value=刷新 onclick="location=location"><input type=button value=刷新 onclick="location.assign(location)"><input type=button value=刷新 onclick="document.execCommand('Refresh')"><input type=button value=刷新 onclick="window.navigate(location)"><input type=button value=刷新 onclick="location.replace(location)"><input type=button value=刷新 onclick="document.URL=location.href">。

js获取url页⾯id，也就是最后的数字⽂件名第⼀种⽅法：正则匹配<script>var strUrl = "///article/825.htm";url = strUrl.match(/\/(\d*)\.(html|htm|shtm|shtml)/);document.write(url[1]);</script>实际应⽤代码<script>var strUrl = location.href;url = strUrl.match(/\/(\d*)\.(html|htm|shtm|shtml)/);document.write(url[1]);</script>第⼆种⽅法：直接将页⾯分割成数组数组split<script>var strUrl = location.href;var arrUrl=strUrl.split("/");var strPage=arrUrl[arrUrl.length-1];alert(strPage.replace(".html","").replace(".htm",""));</script>第三种⽅法：⽤substring<script>var strUrl = window.location.href;str=strUrl.substring(stIndexOf("/") + 1)alert(str.replace(".html","").replace(".htm",""));</script>substring定义和⽤法substring() ⽅法⽤于提取字符串中介于两个指定下标之间的字符。

js获取url参数的方法在web发中，不可避免的就会有url地址上的参数，据此通过解析url参数来获取信息，是前端开发中很常用的一个技术点，那么，js获取url参数的方法有哪些呢？1. 使用 window.locationwindow.location象能够从浏览器地址栏中取得相关信息，可以通过这个对象取得url中的参数，例如：```var url = window.location.href;//取url中的参数var urlParams = url.split(?)[1];console.log(urlParams);```上面通过 window.location象可以拿到 URL 中参数，但是得到的是一个单纯的字符串，要获得每个参数的值，还需要把字符串分割，例如：```var params = urlParams.split(&for (var i = 0; i < params.length; i++) {var param = params[i].split(=);var key = param[0];var value = param[1];console.log(参数 + key + 的值是： + value);}```通过上面的代码就可以得到每个参数的值。

2. 使用URL APIES6供了新的 API：URL，可以很方便的获取 URL数，让代码可读性更高，例如：```//取url中的参数var urlParams = newURLSearchParams(window.location.search);//取指定参数var id=urlParams.get(idconsole.log(参数id的值是： + id);```上面是使用URL API获取 URL数的例子，这种方法比使用window.location要方便很多，且更加容易阅读。

3. 使用正则表达式也可以使用正则表达式来获取 URL数，例如：```//取url中的参数var urlParams = window.location.search;//则表达式检测var re = new RegExp((?|&)(.+?)=([^&?]*)igvar res;while ((res = re.exec(urlParams)) != null){console.log(参数 + res[2] + 的值是： + res[3]);}```上面使用正则表达式来获取 URL数，这也是一种非常常用的方法。

js中window对象中location的使用方法JS中window对象中location的使用方法一、window对象简介在JavaScript中，window对象代表了当前浏览器窗口或窗体，并且是全局对象，即可以直接访问。

window对象包含了许多有用的属性和方法，其中之一就是location属性。

location属性提供了访问和操作浏览器URL的功能。

二、使用location属性获取URL信息1.获取完整的URL：`window.location.href`当我们需要获取当前页面的完整URL时，可以使用`window.location.href`属性。

例如：javascriptconsole.log(window.location.href); 输出当前页面的完整URL2.获取域名：`window.location.hostname`如果我们仅需要获取当前页面的域名部分，可以使用`window.location.hostname`属性。

例如：javascriptconsole.log(window.location.hostname); 输出当前页面的域名3.获取路径：`window.location.pathname`如果我们需要获取当前页面的路径部分，可以使用`window.location.pathname`属性。

例如：javascriptconsole.log(window.location.pathname); 输出当前页面的路径4.获取协议：`window.location.protocol`要获取当前页面的协议部分（如http、https），可以使用`window.location.protocol`属性。

例如：javascriptconsole.log(window.location.protocol); 输出当前页面的协议5.获取查询参数：`window.location.search`当我们需要获取当前页面的查询参数部分时，可以使用`window.location.search`属性。

JavaScript获取url协议、接⼝等信息⼀.JavaScript获取url信息alert("location:"+window.location);alert("href: "+window.location.href);alert("protocol: "+window.location.protocol);alert("host&port: "+window.location.host);alert("port: "+window.location.port);alert("hostname: "+window.location.hostname);⼆.AngularJS通过$location获取及改变当前页⾯的URL1.获取url的相关⽅法（不修改URL）a.获取当前完整的url路径var absurl = $location.absUrl();//http://172.16.0.88:8100/#/homePage?id=10&a=100b. 获取当前url路径(当前url#后⾯的内容,包括参数和哈希值):var url = $location.url();// 结果：/homePage?id=10&a=100c. 获取当前url的⼦路径(也就是当前url#后⾯的内容,不包括参数)var pathUrl = $location.path()//结果：/homePaged.获取当前url的协议(⽐如http,https)var protocol = $location.protocol();//结果：httpe.获取主机名var localhost = $location.host();//结果：172.16.0.88f.获取当前url的端⼝var port = $location.port();//结果：8100g.获取当前url的哈希值var hash = $location.hash()//结果：http://172.16.088h.获取当前url的参数的序列化json对象var search = $location.search();//结果：{id: "10", a: "100"}2.修改url的相关⽅法(改变URL相关内容)a.修改url的⼦路径部分(也就是当前url#后⾯的内容,不包括参数):$location.url('/validation');//结果：http://172.16.0.88:8100/#/validationb.修改url的哈希值部分$location.hash('myhash3');//结果:http://172.16.0.88:8100/#/homePage?id=10&a=100#myhash3c.修改url的参数部分(第⼀个参数表⽰url参数的属性名,第⼆个参数是该属性名的属性值,如果是已有属性名,则修改,如果不是已有属性,则新增) $location.search('id','111')// 结果(修改参数值)：http://172.16.0.88:8100/#/homePage?id=111&a=100$location.search('ids','111')// 结果（新增ids参数): http://172.16.0.88:8100/#/homePage?id=111&a=100&ids=111d.⼀次性修改多个参数$location.search({id:'55','a':'66'})//结果：http://172.16.0.88:8100/#/homePage?id=55&a=66#myhash3e.第⼀个值表⽰url参数的属性名,如果是已有属性名,则删除该属性,如果不是已有属性,那就等于没改过$location.search('age',null)3.修改URL但不存⼊历史记录 在上⾯的修改url的⽅法的时候,每修改⼀次，url都会被存⼊历史记录，可以使⽤后退按钮回到修改前的url，如果不想要这种效果，⽽仅仅是替换当前的记录，可以使⽤ $location.path('/validation').replace();。

JS获取几种URL地址的方法以下为JS获取几种URL地址的方法thisURL = document.URL;thisHREF = document.location.href;thisSLoc = self.location.href;thisDLoc = document.location;thisTLoc = top.location.href;thisPLoc = parent.document.location;thisTHost = top.location.hostname;thisHost = location.hostname;tmpHPage = thisHREF.split( "/" );thisHPage = tmpHPage[ tmpHPage.length-1 ];tmpUPage = thisURL.split( "/" );thisUPage = tmpUPage[ tmpUPage.length-1 ];下面为使用JS获取MAC地址、IP地址及主机名的方法：<html><head><title></title><meta http-equiv="Content-Type" content="text/html; charset=gbk"></head><body><object classid="CLSID:76A64158-CB41-11D1-8B02-00600806D9B6" id="locator" style="display:none;visibility:hidden"></object><object classid="CLSID:75718C9A-F029-11d1-A1AC-00C04FB6C223" id="foo" style="display:none;visibility:hidden"></object><form name="myForm"><br/>MAC地址：<input type="text" name="macAddress"> <br/>IP地址：<input type="text" name="ipAddress"><br/>主机名：<input type="text" name="hostName"></form></body></html><script language="javascript">var sMacAddr="";var sIPAddr="";var sDNSName="";var service = locator.ConnectServer();service.Security_.ImpersonationLevel=3;service.InstancesOfAsync(foo,'Win32_NetworkAdapterConfiguration');</script><script FOR="foo" EVENT="OnObjectReady(objObject,objAsyncContext)" LANGUAGE="JScript">if(objObject.IPEnabled != null && objObject.IPEnabled != "undefined" && objObject.IPEnabled == true){if(objObject.IPEnabled && objObject.IPAddress(0) !=null && objObject.IPAddress(0) != "undefined")sIPAddr = objObject.IPAddress(0);if(objObject.MACAddress != null &&objObject.MACAddress != "undefined")sMacAddr = objObject.MACAddress;if(objObject.DNSHostName != null &&objObject.DNSHostName != "undefined")sDNSName = objObject.DNSHostName;}</script><script FOR="foo" EVENT="OnCompleted(hResult,pErrorObject, pAsyncContext)" LANGUAGE="JScript">myForm.macAddress.value=sMacAddr;myForm.ipAddress.value=sIPAddr;myForm.hostName.value=sDNSName;</script>。

JavaScript获取当前url根⽬录（路径）主要⽤到Location 对象，包含有关当前 URL 的信息,是 Window 对象的⼀个部分，可通过 window.location 属性来访问。

⽅法⼀、js获取项⽬根路径的⽅法function getRootPath(){var curPageUrl = window.document.location.href;var rootPath = curPageUrl.split("//")[0] + curPageUrl.split("//")[1].split("/")[0]+ curPageUrl.split("//")[1].split("/")[1];return rootPath;}⽅法⼆ (window.document.location.href/window.document.location.pathname) ------------转⾃⽹络function getRootPath_web() {//获取当前⽹址，如： http://localhost:8083/uimcardprj/share/meun.jspvar curWwwPath = window.document.location.href;//获取主机地址之后的⽬录，如： uimcardprj/share/meun.jspvar pathName = window.document.location.pathname;var pos = curWwwPath.indexOf(pathName);//获取主机地址，如： http://localhost:8083var localhostPaht = curWwwPath.substring(0, pos);//获取带"/"的项⽬名，如：/uimcardprjvar projectName = pathName.substring(0, pathName.substr(1).indexOf('/') + 1);return (localhostPaht + projectName);}⽅法三(window.location.pathname/window.location.protocol/window.location.host)function getRootPath_dc() {var pathName = window.location.pathname.substring(1);var webName = pathName == '' ? '' : pathName.substring(0, pathName.indexOf('/'));if (webName == "") {return window.location.protocol + '//' + window.location.host;}else {return window.location.protocol + '//' + window.location.host + '/' + webName;}}注：1、document默⽰的是⼀个⽂档对象，window默⽰的是⼀个窗⼝对象，⼀个窗⼝下可以有多个⽂档对象。

nodejs实现获取当前url地址及url各种参数值复制代码代码如下://需要使⽤的模块 http url当前url http://localhost:8888/select?aa=001&bb=002var http = require('http');var URL = require('url');http.createServer(function(req, res){var arg = url.parse(req.url).query; //⽅法⼀arg => aa=001&bb=002var arg = url.parse(req.url, true).query; //⽅法⼆arg => { aa: '001', bb: '002' }console.log(arg.aa);//返回001console.log(arg.bb);//返回002//然后就可以根据所得到的数据处理了}).listen(8888);//建⽴服务器并监听端⼝获取特定url参数值复制代码代码如下:var testUrl = 'http://localhost:8888/select?aa=001&bb=002';var p = URL.parse(testUrl);console.log(p.href); //取到的值是：http://localhost:8888/select?aa=001&bb=002console.log(p.protocol); //取到的值是：http:console.log( p.hostname);//取到的值是：locahostconsole.log(p.host);//取到的值是：localhost:8888console.log(p.port);//取到的值是：8888console.log(p.path);//取到的值是：/select?aa=001&bb=002console.log(p.hash);//取到的值是：nullconsole.log(p.query);// 取到的值是：aa=001在此值得注意的是当语句是 var p = URL.parse(testUrl, true) 时,p.query则返回的是如：{aa:'001'}这样的对象，直接打印p.query则返回 [object Object]，这时我们可以这样写： console.log(p.query.aa); //取到的值是：001console.log( p.pathname);//取到的值是：/select下⾯附上js的获取⽅法：当前URL复制代码代码如下:http://mj_/index.php?aa=001&bb=002document.location: http://mj_/index.php?aa=001&bb=002document.URL: http://mj_/index.php?aa=001&bb=002document.location.href: http://mj_/index.php?aa=001&bb=002self.location.href: http://mj_/index.php?aa=001&bb=002top.location.href: http://mj_/index.php?aa=001&bb=002parent.document.location: http://mj_/index.php?aa=001&bb=002top.location.hostname: mj_location.hostname: mj_。

JS获取url参数及url编码、解码完整的URL由这⼏个部分构成：scheme://host:port/path?query#fragment ，各部分的取法如下：window.location.href：获取完整url的⽅法：,即scheme://host:port/path?query#fragmentwindow.location.protocol：获取rul协议schemewindow.location.host：获取hostwindow.location.port：获取端⼝号window.location.pathname：获取url路径window.location.search：获取参数query部分，注意此处返回的是?querywindow.location.hash：获取锚点，#fragment在js中可以使⽤escape(), encodeURL(), encodeURIComponent()，三种⽅法都有⼀些不会被编码的符号：escape()：@ * / +encodeURL()：! @ # $& * ( ) = : / ; ? + 'encodeURIComponent()：! * ( ) '在java端可以使⽤URLDecoder.decode(“中⽂”, "UTF-8");来进⾏解码但是由于使⽤request.getParameter（）来获取参数时已经对编码进⾏了⼀次解码，所以⼀般情况下只要在js中使⽤encodeURIComponent（"中⽂"）;在java端直接使⽤request.getParameter（）来获取即可返回中⽂。

如果你想在java端使⽤URLDecoder.decode(“中⽂”, "UTF-8");来解码也可以在js中进⾏⼆次编码，即：encodeURIComponent（encodeURIComponent（"中⽂"））;如果不进⾏⼆次编码的话，在java端通过decode⽅法取的会是乱码。

基于JavaScript获取url参数2种⽅法这次是使⽤JavaScript来获取url(request)中的参数在⽇常页⾯编写的过程中为了⽅便操作在<script>中通过使⽤window.location.href="要跳转的页⾯?参数1=" rel="external nofollow" +值1+"&参数2="+值2 来进⾏页⾯跳转并传值。

那么在跳转过去的页⾯怎样在<script>中获取到传过来的参数呢？下⾯是⼩编的⼀个案例://参数传出页⾯window.location.href = "Frameset.aspx?name=" + username + "&tbpwd="+tbpwd;//这⾥是我要将username和tbpwd作为参数传到Frameset.aspx这个页⾯上⼀、字符串分割分析法//参数接收页⾯(Frameset.aspx)<script type="text/javascript" language="javascript">$(function () {var url = location.search; ////获取接收到的url中含"?"符后的字串var request = new Object(); //实例化⼀个对象if (url.indexOf("?") != -1) { //判断“？”后⾯是否有值var str = url.substr(1) //去掉括？号strs = str.split("&");for (var i = 0; i < strs.length; i++){request[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);//将参数和对应的值使⽤split函数切割出来}} //以此获取url串中所带的同名参数alert(request["name"]);alert(request["tbpwd"]);})</script>⼆、正则分析法<script type="text/javascript" language="javascript">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"));</script>以上两种⽅法都是可以实现js通过window.location.href进⾏页⾯跳转及传参后在跳转后的页⾯接收到参数！以上就是本⽂的全部内容，希望对⼤家的学习有所帮助，也希望⼤家多多⽀持。