如何获取现有 URL 并在 jQuery 中用作链接？ [复制]

Question

如何获取现有 URL 并在 jQuery 中用作链接，例如？

如果我的浏览器在页面mysite.com/index.php?page=post&see=11 我想在我的链接中使用 URL 并在域名后添加/new/，如下所示：

<a href="mysite.com/new/index.php?page=post&see=11">link text</a>

Answer 1

您可以使用window.location。

window.location.pathname //returns the path (only);
window.location.href //returns the full URL; and
window.location.hostname //returns the domain name of the web host.

然后，你可以这样使用它：

var url = window.location.hostname + 'new/' + window.location.pathname;

---

如果要在 URL 的另一部分插入new，可以使用.split()、.splice() 和.join()。

var newUrl = window.location.href.split('/'); //create one array element at every /
newUrl.splice(3, 0, 'new'); //insert 'new' in the position 3
newUrl = newUrl.join('/'); //join every array element with '/' in a string

console.log(newUrl);

更新<a>href

var url = 'mysite.com/index.php?page=post&see=11';

//with javascript
var jsBtn = document.getElementById('jsBtn'); //get the <a> with id 'jsBtn'
jsBtn.setAttribute('href', addNew(url)); //set the attribute 'href' with the new one

//with jQuery
var jqBtn = $('#jqBtn'); //get the <a> with id 'jqBtn'
jqBtn.attr('href', addNew(url)); //change the 'href' attribute with the new url

//function to add 'new' to the array of strings (created with the url string)
function addNew (link){
    var newUrl = link.split('/'); 
    newUrl.splice(1, 0, 'new'); 
    newUrl = newUrl.join('/');
    return newUrl;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<a id="jsBtn" href="#">javascript anchor</a>

<hr>

<a id="jqBtn" href="#">jQuery anchor</a>

Answer 2

这将帮助您window.location... 您可以将 URL 作为字符串获取并使用它。在字符串中找到“.com/”，将其拆分，然后将两半与中间的“new/”连接起来。之后，您可以使用它来创建链接或导航到它......或者做

<a id="newLink" href="#" id="demo">my link</a> 
<script> 
  $(document).ready(function(){
   var newURL = window.location.hostname.toString();
   newURL = newURL + "new/";
   newURL = newURL + window.location.pathname.toString(); 
   $("#newLink").attr("href", newURL);  
  });
</script>