when <a> hyperlink append

在current url后拼接query

http://localhost:63342/html/html1.html?_ijt=1no3vpe6dln2mp9othavfq2dsa --> http://localhost:63342/html/html1.html?_ijt=1no3vpe6dln2mp9othavfq2dsa#www.baidu.com

• 做法 href="#www.baidu.com"

在当前的url中替换最后slash之后的内容

http://localhost:63342/html/html1.html?_ijt=1no3vpe6dln2mp9othavfq2dsa --> http://localhost:63342/html/www.baidu.com

• 1.做法 href="./www.baidu.com"
• 2.做法 href="www.baidu.com"

替换当前的协议+端口之后的内容

http://localhost:63342/html/html1.html?_ijt=h1dt4q3pvjrsr5hf1j5iemkngh --> http://localhost:63342/www.baidu.com

• 做法 href="/www.baidu.com" (绝对路径)
• 或者相对路径 href="../www.baidu.com" (计算相对路径得出)

跳转到外部网站

http://localhost:63342/html/html1.html?_ijt=h1dt4q3pvjrsr5hf1j5iemkngh --> http://www.baidu.com

• 加上协议： href="http://www.baidu.com"
• 以//开头 href="//www.baidu.com"

以上情况的总结

image.png