让前端飞Web前端之路

a标签的坑

2019-08-27  本文已影响0人  孙静静

写项目的时候遇到过个坑,a标签的href为拼接的,然后直接这样写

this.tipUrl = "www.baidu.com/personal/personal_phoneapply.aspx?ctmid=" + diologCtmid + "&jobid=" + diologJobids +"&prd=map&prp=&cd=&cp=&ruid=&backurl="

会报错,显示

http://www.baidu.com/map/www.baidu.com/personal/personal_phoneapply.aspx?ctmid=&jobid=&prd=map&prp=&cd=&cp=&ruid=&backurl=

是不是很懵逼?
为啥子出现两个 www.baidu.com ??
为啥子会有 map/ ???

原来http协议里面,如果一个链接不加 http:// 就会默认以为是个相对路径,找到对应文件夹下面的此路径,这就可以解释了为啥子会变成 map/ 下的 www.baidu.com ,然后不加 http:// ,那么HTML中a标签href中会自动补上你的域名或者项目名,因为它识别url是不完全的路径。

e58ea3213c68e0c1a98cbdf7d499fa8.png

谨记此问题,避免以后再犯错!

上一篇下一篇

猜你喜欢

热点阅读