window对象的属性

最新推荐文章于 2022-02-03 16:17:15 发布

海边拾贝seebit

最新推荐文章于 2022-02-03 16:17:15 发布

阅读量238

点赞数

分类专栏： Web前端

本文链接：https://blog.csdn.net/Ada_yangyang/article/details/81234596

版权

Web前端专栏收录该内容

54 篇文章 1 订阅

订阅专栏

Window 对象的属性

属性	描述	IE	F	O
closed	返回窗口是否已被关闭。	4	1	9
defaultStatus	设置或返回窗口状态栏中的默认文本。	4	No	9
document	对 Document 对象的只读引用。请参阅 Document 对象。	4	1	9
history	对 History 对象的只读引用。请参数 History 对象。	4	1	9
innerheight	返回窗口的文档显示区的高度。	No	No	No
innerwidth	返回窗口的文档显示区的高度。	No	No	No
length	设置或返回窗口中的框架数量。	4	1	9
location	用于窗口或框架的 Location 对象。请参阅 Location 对象。	4	1	9
name	设置或返回窗口的名称。	4	1	9
Navigator	对 Navigator 对象的只读引用。请参数 Navigator 对象。	4	1	9
opener	返回对创建此窗口的窗口的引用。	4	1	9
outerheight	返回窗口的外部高度。	No	No	No
outerwidth	返回窗口的外部宽度。	No	No	No
pageXOffset	设置或返回当前页面相对于窗口显示区左上角的 X 位置。	No	No	No
pageYOffset	设置或返回当前页面相对于窗口显示区左上角的 Y 位置。	No	No	No
parent	返回父窗口。	4	1	9
Screen	对 Screen 对象的只读引用。请参数 Screen 对象。	4	1	9
self	返回对当前窗口的引用。等价于 Window 属性。	4	1	9
status	设置窗口状态栏的文本。	4	No	9
top	返回最顶层的先辈窗口。	4	1	9
window	window 属性等价于 self 属性，它包含了对窗口自身的引用。	4	1	9
screenLeft screenTop screenX screenY	只读整数。声明了窗口的左上角在屏幕上的的 x 坐标和 y 坐标。IE、Safari 和 Opera 支持 screenLeft 和 screenTop，而 Firefox 和 Safari 支持 screenX 和 screenY。	4	1	9

子窗口代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
    <title>子窗口</title>
</head>
<body>
<input type="text" id="username"/>
<input type = "button" value="子窗口" onclick="getUsername()"/>
<script>
    function getUsername(){
        //得到文本框
        var username = document.getElementById("username").value;
        //得到父窗口的div，因为div中没有value属性，所以可以用innerHTML去给它设置内部文本
        self.parent.document.getElementById("parentFrame").innerHTML = username;
    }
</script>
</body>
</html>

父窗口代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
    <title>窗口属性</title>
    <script type="text/javascript">
        function parentValToChild() {
            //得到密码框的值
            var password = document.getElementById("password").value;
            self.frames[0].document.getElementById("username").value=password;
        }
    </script>
</head>
<body>
<input type="password" id="password"/><input type="button" value="父窗口" onclick="parentValToChild()"/>
<div id="parentFrame" style="width:200px;height:160px;border:1px solid red">

</div>
<iframe src="Demo3.html"></iframe>
</body>
</html>