HTML DOM defaultView 属性
htmlweb developmentfront end technology更新于 2024/5/20 11:24:17
HTML DOM defaultView 属性用于返回与窗口中打开的当前文档关联的窗口对象。
语法
以下是语法 −
document.defaultView
示例
让我们看一个 HTML DOM defaultView 属性的示例 −
<!DOCTYPE html>
<html>
<body>
<h2>defaultView Property example</h2>
<p>Click the below button to get information about the window</p>
<button onclick="winInfo()">Window Info</button>
<p id="Sample"></p>
<script>
function winInfo() {
var win = document.defaultView;
var top = win.screenTop;
var left = win.screenLeft;
var name = win.name;
document.getElementById("Sample").innerHTML = "Distance from screen top: " + top + "<br> Distance from screen left: "+left+"<br> Window name: "+name;
}
</script>
</body>
</html>
输出
这将产生以下输出 −
点击"窗口信息"按钮 −
在上面的例子中 −
我们首先创建了一个按钮"窗口信息"，当用户点击该按钮时，它将执行 winInfo() 函数 −
<button>窗口信息</button>
winInfo() 函数使用文档的 defaultView 属性获取文档的窗口对象，并将其赋值给变量 win。然后，我们获取窗口对象的 screenTop、screenLeft 和 name 属性值，并将其分别赋值给变量 top、left 和 name。
screenLeft 和 screenTop 分别显示浏览器窗口与屏幕顶部和左侧的距离。name 属性返回窗口的名称，该名称可以为 null −
function winInfo() {
var win = document.defaultView;
var top = win.screenTop;
var left = win.screenLeft;
var name = win.name;
document.getElementById("Sample").innerHTML = "Distance from screen top: " + top + "<br> Distance from screen left: "+left+"<br> Window name: "+name;
}
相关文章
有用资源
html 参考教程 - 该教程包含有关 html 的更多信息:https://www.cainiaomax.com/html/
