热门搜索 :
教你做菜
您的当前位置:首页正文

js取得当前网址_javascript技巧

2023-12-02 来源:海亿美食网

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

小编还为您整理了以下内容,可能对您也有帮助:

js中如何获取当前浏览器地址的值?

js中通过window.location.href和document.location.href、document.URL获取当前浏览器的地址的值,它们的的区别是:x0dx0a1、document表示的是一个文档对象,window表示的是一个窗口对象,一个窗口下可以有多个文档对象。所以一个窗口下只有一个window.location.href,但是可能有多个document.URL、document.location.hrefx0dx0a2、window.location.href和document.location.href可以被赋值,然后跳转到其它页面,document.URL只能读不能写x0dx0a3、document.location.href和document.location.replace都可以实现从A页面切换到B页面,但他们的区别是:x0dx0a用document.location.href切换后,可以退回到原页面。x0dx0a而用document.location.replace切换后,不可以通过“后退”退回到原页面。

前端使用js如何准确获取当前页面url网址信息

在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中没有)

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'];

三、指定取

比如说一个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]);    //直接弹出第一个参数 (如果有多个参数 还要进行循环的)

  }

}

一、正则法

functiongetQueryString(name) {

  varreg = newRegExp('(^|&)'+ name + '=([^&]*)(&|$)', 'i');

  varr = window.location.search.substr(1).match(reg);

  if(r != null) {

    returnunescape(r[2]);

  }

  returnnull;

}

// 这样调用:

alert(GetQueryString("参数名1"));

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

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

二、split拆分法

functionGetRequest() {

  varurl = location.search; //获取url中"?"符后的字串

  vartheRequest = newObject();

  if(url.indexOf("?") != -1) {

    varstr = url.substr(1);

    strs = str.split("&");

    for(vari = 0; i < strs.length; i ++) {

      theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);

    }

  }

  returntheRequest;

}

varRequest = newObject();

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的值,可以通过以下函数调用。

functionGetQueryString(name) {

  varreg = newRegExp("(^|&)"+ name + "=([^&]*)(&|$)", "i");

  varr = window.location.search.substr(1).match(reg); //获取url中"?"符后的字符串并正则匹配

  varcontext = "";

  if(r != null)

     context = r[2];

  reg = null;

  r = null;

  returncontext == null|| context == ""|| context == "undefined"? "": context;

}

alert(GetQueryString("j"));

四、单个参数的获取方法

functionGetRequest() {

  varurl = location.search; //获取url中"?"符后的字串

  if(url.indexOf("?") != -1) {  //判断是否有参数

   varstr = url.substr(1); //从第一个字符开始 因为第0个是?号 获取所有除问号的所有符串

   strs = str.split("=");  //用等号进行分隔 (因为知道只有一个参数 所以直接用等号进分隔 如果有多个参数 要用&号分隔 再用等号进行分隔)

   alert(strs[1]);     //直接弹出第一个参数 (如果有多个参数 还要进行循环的)

  }

}

前端使用js如何准确获取当前页面url网址信息

在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中没有)

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'];

三、指定取

比如说一个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]);    //直接弹出第一个参数 (如果有多个参数 还要进行循环的)

  }

}

一、正则法

functiongetQueryString(name) {

  varreg = newRegExp('(^|&)'+ name + '=([^&]*)(&|$)', 'i');

  varr = window.location.search.substr(1).match(reg);

  if(r != null) {

    returnunescape(r[2]);

  }

  returnnull;

}

// 这样调用:

alert(GetQueryString("参数名1"));

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

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

二、split拆分法

functionGetRequest() {

  varurl = location.search; //获取url中"?"符后的字串

  vartheRequest = newObject();

  if(url.indexOf("?") != -1) {

    varstr = url.substr(1);

    strs = str.split("&");

    for(vari = 0; i < strs.length; i ++) {

      theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);

    }

  }

  returntheRequest;

}

varRequest = newObject();

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的值,可以通过以下函数调用。

functionGetQueryString(name) {

  varreg = newRegExp("(^|&)"+ name + "=([^&]*)(&|$)", "i");

  varr = window.location.search.substr(1).match(reg); //获取url中"?"符后的字符串并正则匹配

  varcontext = "";

  if(r != null)

     context = r[2];

  reg = null;

  r = null;

  returncontext == null|| context == ""|| context == "undefined"? "": context;

}

alert(GetQueryString("j"));

四、单个参数的获取方法

functionGetRequest() {

  varurl = location.search; //获取url中"?"符后的字串

  if(url.indexOf("?") != -1) {  //判断是否有参数

   varstr = url.substr(1); //从第一个字符开始 因为第0个是?号 获取所有除问号的所有符串

   strs = str.split("=");  //用等号进行分隔 (因为知道只有一个参数 所以直接用等号进分隔 如果有多个参数 要用&号分隔 再用等号进行分隔)

   alert(strs[1]);     //直接弹出第一个参数 (如果有多个参数 还要进行循环的)

  }

}

js如何获取当前页面所在的路径

(1)window.location.href : 整个URl字符串(在浏览器中就是完整的地址栏)返回值: http://www.abc.com/order/index.html?orderid=1&name=java#imhere(2)window.location.protocol :URL 的协议部分返回值:http:(3)window.location.host : URL 的主机部分返回值:www.abc.com(4)window.location.port : URL 的端口部分(如果采用默认的80端口(update:即使添加了:80),那么返回值并不是默认的80而是空字符)返回值:""(5)window.location.pathname : URL 的路径部分(就是文件地址)返回值:/order/index.html(6)window.location.search : 查询(参数)部分 (除了给动态语言赋值以外,我们同样可以给静态页面,并使用javascript来获得相信应的参数值)返回值:orderid=1&name=java(7)window.location.hash : 锚点返回值:#imhere(8)document.URL返回值: http://www.abc.com/order/index.html?orderid=1&name=java#imhere//获取Url传过来的值

function Request(name)

{

new RegExp("(^|&)"+name+"=([^&]*)").exec(window.location.search.substr(1));

return RegExp.$2

}

js如何获取当前页面所在的路径

可以使用window对象的location对象的里的href来获取当前页面的URL地址。

工具原料:编辑器、浏览器

1、Location 对象包含有关当前 URL 的信息,Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问,代码示例如下:

<html>
<head><script type="text/javascript">
<script>
alert(window.location.href); 
</script>
</script>
</head>
<body>
test
</body>
</html>

2、运行的结果如下图:

js如何获取当前页面所在的路径

可以使用window对象的location对象的里的href来获取当前页面的URL地址。

工具原料:编辑器、浏览器

1、Location 对象包含有关当前 URL 的信息,Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问,代码示例如下:

<html>
<head><script type="text/javascript">
<script>
alert(window.location.href); 
</script>
</script>
</head>
<body>
test
</body>
</html>

2、运行的结果如下图:

如何用JS得到当前页面的URL信息

设置或获取对象指定的文件名或路径。

<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获取当前域名代码

今天给各位朋友介绍两种js获取当前域名
代码如下
//获取当前域名
1、window.location.host;
2、document.domain;
//获取当前页面地址
url
=
window.location.href;

例子
代码如下
<script
language="javascript">
//获取域名
host
=
window.location.host;
host2=document.domain;
//获取页面完整地址
url
=
window.location.href;
document.write("<br>host="+host)
document.write("<br>host2="+host2)
document.write("<br>url="+ur(www.45it.net)l)
</script>

补充:
获取当前域名信息
代码如下
thisTLoc
=
top.location.href;
thisPLoc
=
parent.document.location;
thisTHost
=
top.location.hostname;
thisHost
=
location.hostname;
strwrite
=

thisTLoc:
["
+
thisTLoc
+
"]”
strwrite
+=

thisPLoc:
["
+
thisPLoc
+
"]”
strwrite
+=

thisTHost:
["
+
thisTHost
+
"]”
strwrite
+=

thisHost:
["
+
thisHost
+
"]”
document.write(
strwrite
);

两种js获取当前域名代码

今天给各位朋友介绍两种js获取当前域名
代码如下
//获取当前域名
1、window.location.host;
2、document.domain;
//获取当前页面地址
url
=
window.location.href;

例子
代码如下
<script
language="javascript">
//获取域名
host
=
window.location.host;
host2=document.domain;
//获取页面完整地址
url
=
window.location.href;
document.write("<br>host="+host)
document.write("<br>host2="+host2)
document.write("<br>url="+ur(www.45it.net)l)
</script>

补充:
获取当前域名信息
代码如下
thisTLoc
=
top.location.href;
thisPLoc
=
parent.document.location;
thisTHost
=
top.location.hostname;
thisHost
=
location.hostname;
strwrite
=

thisTLoc:
["
+
thisTLoc
+
"]”
strwrite
+=

thisPLoc:
["
+
thisPLoc
+
"]”
strwrite
+=

thisTHost:
["
+
thisTHost
+
"]”
strwrite
+=

thisHost:
["
+
thisHost
+
"]”
document.write(
strwrite
);

JavaScript获取当前域名

<input type="text" style=" width:300px;" name="new" id=new">

<script>

     var nurl = document.referrer;//来源url

      document.URL  //获取当前域名

     document.title//获取当前页面标题

    document.getElementById('new').innerHTML = nurl;</script>

我是爱分享资源网的站长,如果你觉得不错请访问下我的网站,谢谢了!

JavaScript获取当前域名

<input type="text" style=" width:300px;" name="new" id=new">

<script>

     var nurl = document.referrer;//来源url

      document.URL  //获取当前域名

     document.title//获取当前页面标题

    document.getElementById('new').innerHTML = nurl;</script>

我是爱分享资源网的站长,如果你觉得不错请访问下我的网站,谢谢了!

如何使用js获取修改URL

使用js对当前的URL进行操作,可以使用内置对象window.location;

window.location有以下属性:

window.location.href:取得当前地址栏中的完整URL,可以通过赋值改变当前地址栏中的URL;

window.location.search 取得当前URL的参数部分,即“?”后面的部分(包括问号),可以通过赋值改变URL的参数部分;

window.location.hash:取得当前URL中包含的锚记,即“#”后面的部分(包括#),可以通过赋值改变URL的锚记部分;

window.location.host:取得当前URL中的主机信息,包括端口号,可以通过赋值改变主机信息;

window.location.hostname:取得当前URL中的域名部分,不包括端口号,可以通过赋值改变域名;

window.location.port:取得当前URL中的端口号,可以通过赋值改变端口号;

window.location.pathname:取得当前URL中的路径信息,即域名与参数之间的部分,可以通过赋值改变当前URL的路径;

window.location.protocol:取得当前URL的协议部分,比如http:,https:等,可以通过赋值改变URL的协议部分;

window.location有一下方法:

window.location.replace(url):用传入的URL字符串替代当前的URL,该方法会将历史记录中的URL一并替换掉,也就是说,这个方法会覆盖之前的历史记录;

window.location.reload():重新加载当前URL,相当于刷新;

window.location.assign(url):加载传入的URL,该方法不会覆盖之前的历史记录;

javascript 怎么获取指定url网页中的内容

一、参考代码如下:

<!doctype html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

</head>

<body>

<script src="jquery-2.1.1.min.js"></script> 

<!--记得导jquery-->

<script>

    $.ajax({

        type:'get',

        url:"demo.html",//这里是url

        success:function(body,heads,status){

            console.log(body);  //body就是内容了,也就是url网页中的内容

        }

    });

</script>

</body>

</html>

重点代码说明:

$.ajax({

type:"POST",//请求方式为post

url:"order.class.php?type=add",//请求的地址

data:dataFormid,//参数

success: function(mag){

//success指的是请求并成功返回信息

//msg是返回的内容

alert(mag);

}

});

举例

//假如后台返回的是一个JSON格式的字符串,如"{code:0,msg:"执行成功!"}"

success: function(data){

var json=evel("("+data+")");

alter(json.msg);//会弹出执行成功的消息框

}

海亿美食网还为您提供以下相关内容希望对您有帮助:

前端使用js如何准确获取当前页面url网址信息

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 t...

js中如何获取当前浏览器地址的值?

js中通过window.location.href和document.location.href、document.URL获取当前浏览器的地址的值,它们的的区别是:\x0d\x0a1、document表示的是一个文档对象,window表示的是一个窗口对象,一个窗口下可以有多个文档对象。所...

如何用JS得到当前页面的URL信息

设置或获取对象指定的文件名或路径。 alert(window.location.pathname) 设置或获取整个 URL 为字符串。 alert(window.location.href); 设置或获取与 URL 关联的端口号码。 alert(window.location.port) 设置或获取 URL 的协...

如何使用js获取修改URL

使用js对当前的URL进行操作,可以使用内置对象window.location;window.location有以下属性:window.location.href:取得当前地址栏中的完整URL,可以通过赋值改变当前地址栏中的URL;window.location.search 取得当前URL的参数部分,...

js如何获取当前页面所在的路径

1、Location 对象包含有关当前 URL 的信息,Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问,代码示例如下:alert(window.location.href); test2、运行的结果如下图:...

两种js获取当前域名代码

1、window.location.host;2、document.domain;//获取当前页面地址 url = window.location.href;例子 代码如下 //获取域名 host = window.location.host;host2=document.domain;//获取页面完整地址 url = window.location...

js如何获取当前页面所在的路径

并使用javascript来获得相信应的参数值)返回值:orderid=1&amp;name=java(7)window.location.hash : 锚点返回值:#imhere(8)document.URL返回值: http://www.abc.com/order/index.html?orderid=1&amp;name=java#imhere//获...

利用js拿到当前页面的url,并将地址赋值给某变量

} urlObj.queryString = queryItemObj;urlObj.url = url;//使用方法(简单解析,如果需要更复杂的URL解析可以自己加):urlObj.url//获得URL(直接用url也可以)urlObj.queryString.abc//获得URL中?b=1&amp;abc=2中的2 ...

怎么用js 来获取当前页面的相对地址?

按照你的需求,可以使用JavaScript的window.location.pathname属性就可以获取到你想到的地址了。例如当前页面是:https://zhidao.baidu.com/question/2121580757148991987.html 使用window.location.pathname获取的结果是:从截图中可以...

如何在HTML文件中通过javascript获得当前网页的绝对路径和相对路径_百 ...

write(location.href);//输出当前页面完整URL相对路径:&lt;!DOCTYPE html&gt;document.write(location.pathname);//返回当前URL的路径名

Top