点击按钮修改Footer链接时URL自动拼接当前域名的问题解决咨询

嘿，这个问题我之前也踩过坑！问题出在你设置的链接www.portfolio.com没有加上协议前缀（http://或者https://），浏览器会默认把它当成相对路径处理，所以才会自动拼在当前网站的URL后面。

解决方法超简单： #

给你的链接加上https://前缀就行，修改后的JavaScript代码如下：

function changeFooter(){ 
  $(".copyright.pull-right").html("Website | Created by <a href='https://www.portfolio.com' target='_Blank'>My Name</a>"); 
}

额外小提示： #

如果你不确定目标站点是否支持HTTPS，也可以用//作为前缀，浏览器会自动适配当前页面的协议（HTTP/HTTPS）来跳转，比如：

$(".copyright.pull-right").html("Website | Created by <a href='//www.portfolio.com' target='_Blank'>My Name</a>");

不过更推荐直接用https://，现在大部分网站都支持HTTPS，安全性更高。

原理补充： #

当你只写域名而不加协议时，浏览器会认为这是当前域名下的子路径。比如当前页面是https://www.currentWebsite.com/page.html，浏览器就会把www.portfolio.com解析成https://www.currentWebsite.com/page.html/www.portfolio.com；加上协议后，浏览器才会识别这是一个独立的外部域名，直接跳转到目标地址。

内容的提问来源于stack exchange，提问作者Brian Duncan