昨天,遇见一个需求,作为一名搞后端,搞前端真的是太费劲。这个需求,就是在负责后台管理系统页面的开发。在后台系统里面,记录了许多外部网站。比如,www.baidu.com这个网站,要实现点击这个域名直接打开新页面,跳转到外部网站。从最初的直接用a标签写:
<a href="www.baidu.com" target="_blank" />
,但是的话,这样跳转的话,在浏览器中会带上父页面的前缀。
http://localhost:8080/admin/www.baidu.com
后来,在网上各种查,用了什么要在父页面进行跳转了什么的,target="_top"了什么。也试了使用js代码实现跳转了
比如:用了
window.location.href="www.baidu.com";
window.parent.open("www.baidu.com");
等等。但是的话,都不能解决,最后在一位同事(全栈工程师的指导下),填写href指向路径时带上协议,就是用绝对路径。
<a href="https://www.baidu.com" target="_blank" />
这样即可实现。
这是因为之前,如果不加上绝对路径的话,浏览器会以为是相对路径,那么它会先找这个系统的上下文。