问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

如何根据href的路径判断最终的url网址？

头像
luofeiyu
    1.7k29361715

    有一个网页

    https://www.dataroma.com/m/holdings.php?m=BRK

    里面有这样的表述

    <a href="/m/hist/hist.php?f=BRK&amp;s=AAPL" title="Holding/activity history">≡</a>

    请问，这个链接的最终指向为何是

    https://www.dataroma.com/m/hist/hist.php?f=BRK&s=AAPL
    html
    阅读 603
    avatarAI BotBETA

    这个链接的最终指向是 https://www.dataroma.com/m/hist/hist.php?f=BRK&s=AAPL，是因为这是在 <a> 标签的 href 属性中指定的链接。当用户点击这个链接时，浏览器会导航到这个 href 属性所指定的 URL。

    在这个例子中，href="/m/hist/hist.php?f=BRK&s=AAPL" 是一个相对路径，它相对于当前页面的 URL (https://www.dataroma.com/m/holdings.php?m=BRK) 来解析。浏览器会把这个相对路径添加到当前页面的 URL 的基础上，从而得到完整的 URL https://www.dataroma.com/m/hist/hist.php?f=BRK&s=AAPL。

    相对路径的解析规则是这样的：

    1. 如果相对路径以斜杠 / 开头，那么浏览器会在当前页面的域名后面加上这个路径。
    2. 如果相对路径没有以斜杠 / 开头，那么浏览器会在当前页面的目录后面加上这个路径。

    在这个例子中，相对路径 "/m/hist/hist.php?f=BRK&s=AAPL" 开头是一个斜杠 /，所以浏览器在 https://www.dataroma.com/m/holdings.php?m=BRK 的域名后面添加了这个路径，得到了完整的 URL https://www.dataroma.com/m/hist/hist.php?f=BRK&s=AAPL。

    1 个回答
    得票最新
    头像
    MrBigShot
      4.8k1690119
      ✓ 已被采纳

      可以看看mdn
      image.png

      这种叫相对于源的 URL，源就是 location.origin 在你这个示例中就是 https://www.dataroma.com

      撰写回答
      你尚未登录，登录后可以
      • 和开发者交流问题的细节
      • 关注并接收问题和回答的更新提醒
      • 参与内容的编辑和改进，让解决方法与时俱进
      推荐问题