HTML中的DOM位置来源属性用于返回URL的协议,主机名和端口号。这是一个只读属性。
用法:
location.origin
返回值:此方法返回一个String值,表示协议,域名(或IP地址)和端口号。具有“ file://”协议的网址可能会根据浏览器返回不同的值。
注意:某些浏览器可能不显示端口号。
以下示例说明了上述方法:
例:
<!DOCTYPE html>
<html lang="en">
<head>
<title>DOM Location Origin Property</title>
</head>
<body>
<h1 style="color:green">GeeksforGeeks</h1>
<b>DOM Location Origin Property</b>
<p>
Click on the button to get the location
origin of the page:
</p>
<button onclick="getOrigin();">
Get Location Origin
</button>
<p>The location origin of this page is:</p>
<div class="location"></div>
<script>
function getOrigin() {
let loc = location.origin;
document.querySelector('.location')
.innerHTML = loc;
}
</script>
</body>
</html>
输出:
- 在单击按钮之前:
- 单击按钮后:
支持的浏览器:下面列出了DOM Location origin属性支持的浏览器:
- 谷歌浏览器
- Internet Explorer 11.0
- Firefox
- Opera 15.0
- Safari
相关用法
- HTML Anchor origin用法及代码示例
- HTML Area origin用法及代码示例
- HTML Location protocol用法及代码示例
- HTML Location port用法及代码示例
- HTML Location href用法及代码示例
- HTML Location pathname用法及代码示例
- HTML Location hash用法及代码示例
- HTML Location host用法及代码示例
- HTML Location hostname用法及代码示例
- HTML KeyboardEvent location用法及代码示例
- HTML Location Search用法及代码示例
- CSS transform-origin用法及代码示例
- CSS perspective-origin属性用法及代码示例
- CSS background-origin用法及代码示例
- HTML Location assign()用法及代码示例
注:本文由纯净天空筛选整理自sayantanm19大神的英文原创作品 HTML | DOM Location origin Property。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。