Javascript 超链接中的当前页面URL_Javascript_Jquery

Javascript 超链接中的当前页面URL

javascript jquery

Javascript 超链接中的当前页面URL,javascript,jquery,Javascript,Jquery,在下面的代码中，我正在硬编码url <a class="button_link" href="https://somewebsite.com/submit/?url=http%3A%2F%2Fsomecrazyurl.com" target="_blank" aria-label="Sharei"> 然而，什么也没有得到回报是否有跨浏览器Javascript返回页面的当前url？要获取路径，可以使用： var pathname = window.location.pathna

在下面的代码中，我正在硬编码url

<a class="button_link" href="https://somewebsite.com/submit/?url=http%3A%2F%2Fsomecrazyurl.com" target="_blank" aria-label="Sharei">

然而，什么也没有得到回报

是否有跨浏览器Javascript返回页面的当前url？

要获取路径，可以使用：

  var pathname = window.location.pathname; // Returns path only
  var url      = window.location.href;     // Returns full URL

您可以使用jQuery的属性选择器来实现这一点

var linksToGoogle = $('a[href="http://google.com"]');

或者，如果您对以特定URL开头的链接感兴趣，请使用“以选择器开头”属性：

var allLinks = $('a[href^="http://google.com"]');

要获取路径，可以使用：

  var pathname = window.location.pathname; // Returns path only
  var url      = window.location.href;     // Returns full URL

您可以使用jQuery的属性选择器来实现这一点

var linksToGoogle = $('a[href="http://google.com"]');

或者，如果您对以特定URL开头的链接感兴趣，请使用“以选择器开头”属性：

var allLinks = $('a[href^="http://google.com"]');

这可以通过使用

window.location.href

JavaScript窗口属性轻松实现

Html示例：

<a href="https://somepage.com" id="link1">my link</a>

使用jQuery：

$('#link1').attr('href', $('#link1').attr('href') + '?returnUrl=' + encodeURIComponent(window.location.href));

注意内置函数的使用

encodeURIComponent（str）

函数的作用是：对统一资源进行编码标识符（URI）组件，方法是替换某些由一个、两个、三个或四个转义序列表示的字符字符的UTF-8编码（仅为四次转义）由两个“代理”字符组成的字符序列）