HTML | DOM Anchor origin 属性介绍

Anchor 元素指的是 HTML 页面中的链接元素，它可以指向其他页面、文件或者是文档特定的位置。其中 origin 属性用于获取页面链接的协议、主机和端口号，返回的是一个字符串。

语法

anchorObject.origin

返回值

返回的是一个字符串，格式为 ${protocol}//${hostname}${port}，其中 ${protocol} 是页面链接的协议（例如 "http"、"https" 等），${hostname} 是页面链接的主机名，${port} 是页面链接的端口号（如果页面链接没有显式指定端口，则默认为协议的默认端口）。

示例

假设我们有以下链接元素：

<a id="myLink" href="https://www.example.com:8080/path/to/page.html">Click here</a>

使用以下 JavaScript 代码：

const link = document.getElementById("myLink");
const origin = link.origin;
console.log(origin);

返回的值为：

https://www.example.com:8080

注意事项

• origin 属性只适用于同源页面链接。如果该页面链接与当前页面不同源，则该属性将返回空字符串。
• 在一些较老的浏览器中，该属性可能不存在。可以通过判断 link.origin !== undefined 来检查该属性是否可用。

以上就是对于 HTML | DOM Anchor origin 属性的介绍。