使用jQuery获取当前URL？

我正在使用jQuery。如何获取当前URL的路径并将其分配给变量？

示例URL：

http://localhost/menuname.de?foo=bar&number=0
2466333 次浏览
小开

您将需要使用JavaScript的内置#0对象。

小开
最佳答案

要获取路径，您可以使用：

var pathname = window.location.pathname; // Returns path only (/path/example.html)var url      = window.location.href;     // Returns full URL (https://example.com/path/example.html)var origin   = window.location.origin;   // Returns base URL (https://example.com)
小开

如果您需要URL中存在的哈希参数，window.location.href可能是更好的选择。

window.location.pathname=> /search
window.location.href=> www.website.com/search#race_type=1
小开

只需在JavaScript中添加此函数，它将返回当前路径的绝对路径。

function getAbsolutePath() {var loc = window.location;var pathName = loc.pathname.substring(0, loc.pathname.lastIndexOf('/') + 1);return loc.href.substring(0, loc.href.length - ((loc.pathname + loc.search + loc.hash).length - pathName.length));}

我希望它对你有用。

小开

纯jQuery风格：

$(location).attr('href');

位置对象还有其他属性，如主机、哈希、协议和路径名。

小开

仅对于主机名，请使用：

window.location.hostname
小开

这是一个比许多人想象的更复杂的问题。一些浏览器支持通过window.location或document.location访问的内置JavaScript位置对象和相关参数/方法。然而，不同风格的Internet Explorer（6,7）不以同样的方式支持这些方法，（window.location.href？window.location.replace()不支持）所以你必须通过一直编写条件代码来以不同的方式访问它们来手持Internet Explorer。

因此，如果您有可用并加载的jQuery，您也可以使用jQuery（位置），正如其他人提到的那样，因为它解决了这些问题。但是，如果您正在通过JavaScript（即使用Google Maps API和位置对象方法）进行一些客户端地理位置重定向，那么您可能不想加载整个jQuery库并编写检查每个版本的Internet Explorer/Firefox/等的条件代码。

Internet Explorer让前端编码猫不高兴，但jQuery是一盘牛奶。

小开

window.location会给你当前的url，你可以从中提取任何你想要的东西。

小开

如果您想获取根站点的路径，请使用：

$(location).attr('href').replace($(location).attr('pathname'),'');
小开

这也将工作：

var currentURL = window.location.href;
小开

我有这个去掉GET变量。

var loc = window.location;var currentURL = loc.protocol + '//' + loc.host + loc.pathname;
小开

var path = location.pathname返回当前URL的路径（不需要jQuery）。window.location的使用是可选的。

小开 
 var currenturl = jQuery(location).attr('href');
小开

您可以登录window.location并查看所有选项，仅用于URL使用：

window.location.origin

对于整个路径使用：

window.location.href

还有位置__

.host.hostname.protocol.pathname
小开 
http://www.refulz.com:8082/index.php#tab2?foo=789
Property    Result------------------------------------------host        www.refulz.com:8082hostname    www.refulz.comport        8082protocol    http:pathname    index.phphref        http://www.refulz.com:8082/index.php#tab2hash        #tab2search      ?foo=789
var x = $(location).attr('<property>');

只有当您有jQuery时，这才有效。例如：

<html><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script><script>$(location).attr('href');      // http://www.refulz.com:8082/index.php#tab2$(location).attr('pathname');  // index.php</script></html>
小开

以下是可以使用的有用代码片段的示例-其中一些示例使用标准JavaScript函数，并且不特定于jQuery：

见8有用的jQuery代码段URL的&查询字符串。

小开

这将使用JavaScript/jQuery返回当前页面的绝对url。

  • document.URL

  • $("*").context.baseURI

  • location.href

小开

如果有人想要连接url和hash标签，请结合两个函数：

var pathname = window.location.pathname + document.location.hash;
小开

要从ifram中获取父窗口的URL：

$(window.parent.location).attr('href');

注意：仅适用于同一域

小开

以下是使用jQuery和JavaScript获取当前URL的示例：

$(document).ready(function() {
//jQuery$(location).attr('href');
//Pure JavaScriptvar pathname = window.location.pathname;
// To show it in an alert windowalert(window.location);});

$.getJSON("idcheck.php?callback=?", { url:$(location).attr('href')}, function(json){//alert(json.message);});
小开

使用window.location.href。这将为您提供完整的url。

小开

请参阅purl.js。这真的很有帮助，也可以使用，具体取决于jQuery。像这样使用它：

$.url().param("yourparam");
小开

window.location是javascript中的一个对象。它返回以下数据

window.location.host          #returns hostwindow.location.hostname      #returns hostnamewindow.location.path          #return pathwindow.location.href          #returns full current urlwindow.location.port          #returns the portwindow.location.protocol      #returns the protocol

在jQuery中您可以使用 

$(location).attr('host');        #returns host$(location).attr('hostname');    #returns hostname$(location).attr('path');        #returns path$(location).attr('href');        #returns href$(location).attr('port');        #returns port$(location).attr('protocol');    #returns protocol
小开

在jstl中，我们可以使用pageContext.request.contextPath访问当前url路径，如果你想做一个ajax调用，

  url = "${pageContext.request.contextPath}" + "/controller/path"

例如：在页面http://stackoverflow.com/questions/406192中，这将给出http://stackoverflow.com/controller/path

小开 
// get current URL
$(location).attr('href');var pathname = window.location.pathname;alert(window.location);
小开

Java脚本提供了许多方法来检索显示在浏览器地址栏中的当前URL。

测试URL： 

http://stackoverflow.com/questions/5515310/get-current-url-with-jquery/32942762?rq=1&page=2&tab=active&answertab=votes#32942762
resourceAddress.hash();console.log('URL Object ', webAddress);console.log('Parameters ', param_values);

功能：

var webAddress = {};var param_values = {};var protocol = '';var resourceAddress = {
fullAddress : function () {var addressBar = window.location.href;if ( addressBar != '' && addressBar != 'undefined') {webAddress[ 'href' ] = addressBar;}},protocol_identifier : function () { resourceAddress.fullAddress();
protocol = window.location.protocol.replace(':', '');if ( protocol != '' && protocol != 'undefined') {webAddress[ 'protocol' ] = protocol;}},domain : function () {      resourceAddress.protocol_identifier();
var domain = window.location.hostname;if ( domain != '' && domain != 'undefined' && typeOfVar(domain) === 'string') {webAddress[ 'domain' ] = domain;var port = window.location.port;if ( (port == '' || port == 'undefined') && typeOfVar(port) === 'string') {if(protocol == 'http') port = '80';if(protocol == 'https') port = '443';}webAddress[ 'port' ] = port;}},pathname : function () {        resourceAddress.domain();
var resourcePath = window.location.pathname;if ( resourcePath != '' && resourcePath != 'undefined') {webAddress[ 'resourcePath' ] = resourcePath;}},params : function () {      resourceAddress.pathname();
var v_args = location.search.substring(1).split("&");
if ( v_args != '' && v_args != 'undefined')for (var i = 0; i < v_args.length; i++) {var pair = v_args[i].split("=");
if ( typeOfVar( pair ) === 'array' ) {param_values[ decodeURIComponent( pair[0] ) ] = decodeURIComponent( pair[1] );}}webAddress[ 'params' ] = param_values;},hash : function () {        resourceAddress.params();
var fragment = window.location.hash.substring(1);if ( fragment != '' && fragment != 'undefined')webAddress[ 'hash' ] = fragment;}};function typeOfVar (obj) {return {}.toString.call(obj).split(' ')[1].slice(0, -1).toLowerCase();}
  • 协议网络浏览器使用网络之间互连的协议，遵循WebHosted应用程序和Web客户端（浏览器）之间通信的一些规则。（超文本传输协议=80，https（SSL）=443，ftp=21等）

EX：默认端口号

<protocol>//<hostname>:<port>/<pathname><search><hash>https://en.wikipedia.org:443/wiki/Pretty_Good_Privacyhttp://stackoverflow.com:80/
  • (//) « Host是Internet上的端点（资源所在的机器）的名称。www.stackoverflow.com-dns应用程序的IP地址（OR）localhost:8080-localhost

域名是您根据域名系统（DNS）树的规则和过程注册的域名。使用IP地址管理您的域的人的DNS服务器用于寻址目的。在DNS服务器层次结构中stackoverlfow.com的根名称是com。

gTLDs      - com « stackoverflow (OR) in « co « google

本地系统必须维护主机文件中未公开的域。localhost.yash.com « localhsot - subdomain(#1), yash.com - maindomain(#3）。myLocalApplication.com172.89.23.777

  • （/）"路径提供有关Web客户端想要访问的主机中的特定资源的信息
  • （？）"可选查询是传递由分隔符（&）分隔的属性-值对序列。
  • （#）“可选片段通常是特定元素的id属性，Web浏览器会将此元素滚动到视图中。

如果参数具有纪元?date=1467708674，则使用。

var epochDate = 1467708674; var date = new Date( epochDate );

url输入图片描述

带有用户名：密码的身份验证URL，如果用户名/密码包含@符号
喜欢：

Username = `my_email@gmail`Password = `Yash@777`

然后您需要将#0编码为#1。参考…

http://my_email%40gmail.com:Yash%40777@www.my_site.com

#0（vs）#1例子

var testURL = "http:my_email@gmail:Yash777@//stackoverflow.com?tab=active&page=1#32942762";
var Uri = "/:@?&=,#", UriComponent = "$;+", Unescaped = "(-_.!~*')"; // Fixedvar encodeURI_Str = encodeURI(Uri) +' '+ encodeURI( UriComponent ) +' '+ encodeURI(Unescaped);var encodeURIComponent_Str =  encodeURIComponent( Uri ) +' '+ encodeURIComponent( UriComponent ) +' '+ encodeURIComponent( Unescaped );console.log(encodeURI_Str, '\n', encodeURIComponent_Str);/*/:@?&=,# +$; (-_.!~*')%2F%3A%40%3F%26%3D%2C%23 %2B%24%3B (-_.!~*')*/
小开 
var newURL = window.location.protocol + "//" + window.location.host + "/" + window.location.pathname;
小开

您可以简单地使用js本身获取路径，window.location或location将为您提供当前URL的对象

console.log("Origin - ",location.origin);console.log("Entire URL - ",location.href);console.log("Path Beyond URL - ",location.pathname);

小开

最常用的前3个是

1. window.location.hostname2. window.location.href3. window.location.pathname
小开

所有浏览器都支持Javascript窗口对象。它定义了浏览器的窗口。

全局对象和函数自动成为窗口对象的一部分。

所有全局变量都是窗口对象的属性，所有全局函数都是它的方法。

整个超文本标记语言文档也是一个窗口属性。

因此，您可以使用window.location对象来获取所有与url相关的属性。

javascript

console.log(window.location.host);     //returns hostconsole.log(window.location.hostname);    //returns hostnameconsole.log(window.location.pathname);         //return pathconsole.log(window.location.href);       //returns full current urlconsole.log(window.location.port);         //returns the portconsole.log(window.location.protocol)     //returns the protocol

jQuery

console.log("host = "+$(location).attr('host'));console.log("hostname = "+$(location).attr('hostname'));console.log("pathname = "+$(location).attr('pathname'));console.log("href = "+$(location).attr('href'));console.log("port = "+$(location).attr('port'));console.log("protocol = "+$(location).attr('protocol'));
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>

小开

通过以下代码，您可以在JQuery中获取当前URL。

$(location).attr('hostname');                //origin URL$(location).attr('pathname');                // path name$(location).attr('hash');                    // everything comes after hash
小开

最短的方式（11个字符），你可以做到这一点

let myUrl = ''+location
console.log(myUrl);

小开 

var CurrentBrowseurl = document.location.href;console.log(CurrentBrowseurl);


提交答案