j快速学习js 笔记二 brower 的 window 对象

最新推荐文章于 2024-08-29 09:38:23 发布

studypower

最新推荐文章于 2024-08-29 09:38:23 发布

阅读量701

点赞数

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/work888study/article/details/8559546

js 专栏收录该内容

8 篇文章

订阅专栏

本文详细介绍了浏览器窗口对象的属性和方法，包括如何通过这些属性获取窗口信息以及如何使用方法进行窗口操作，如调整大小、移动位置等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

brower 就是承载页面的一个容器也就是常说的窗口，我打开的每个页面就是一个窗口，该窗口对象具有很多的属性和方法，下面简单的总结下他的方法跟属性。

1、window 对象我在布局中经常用到一组标签，那就是 frameSet 一个frameSet 中包好多个frame 每个frame里面的就承载一个页面那自让每个frame就是一个window窗
口， frame[]集合就是 window 集合

1）属性

name : 获取或设置窗口名称

state : 设置窗口的状态条内容

defaultState: 获取或者设置默认的状态条内容

opener : 获取打开该窗体的window对象

parent: 获取父窗口

closed: 是否关闭

self: seld与window一样都获取当前window对象。

window

screenLeft 、screenTop :相对屏幕左上角的位置

location: 也是个全局对象下面有详细说明

screen: 也是个全局对象下面有详细说明

navigator : 也是个全局对象下面有详细说明

<html>

2）方法

open() : 打开一个新的窗口

close(); 关闭该对象窗口

moveTo()、mobeBy() :前者是移动到指定的位置，后者是相对向前移动多少像素。

resizeTo()、resizeBy();前者是调整到多大，后者是相对当前调整多少像素。

scrollTo()、scrollBy();前者是滚动指定的坐标、后者是按照指定的像素滚动内容

print(): 把当前窗口内容输出

alert() : 弹出提示信息

prompt():显示可以输入内容的对话框<html>

                    下面用个示例来说明其方法的使用。
                        <head>
                        </head>
                        <body>
                        <label id="lab" name="nameLab">test</label>
                        <button id="btn" name="nameLab" onclick="clear()">test2</button>
                        </body>
                        <script type="text/javascript">
                         window.alert("显示提示信息方法");                                           //显示提示信息方法
                         window.prompt();                                                                      //显示用户输入信息框
                         window.resizeTo(200,200);                                                     //调整窗口的大小为200*200
                         window.resizeBy(100,100);                                                      //相对以前窗口放大100*100
                         window.moveTo(100,100);                                                        //窗口移动到（100，100）该坐标点
                         window.moveBy(-100,-100);                                                      //窗口向左上分别移动100
                         window.scrollTo(100,100);                                                        //滚动条直接移动到（100，100）
                         window.scrollBy(100,100);                                                        //滚动条向上滚动100像素，向左滚动100像素
                         var rs=window.confirm("是否");                                                  //弹出确认框单击是返回结果rs 为true 否就是flase.
                         window.focus();                                                                          //获取焦点
                         window.blur();                                                                             //失去焦点
                         window.print();                                                                             //输出当前页面的内容
                        function test()
                        {
                           alert("setInteval");
                         }
                         function test2()
                         {
                           alert("setTimeout");
                          }
                          var setInt = window.setInterval("test()",7000) ;                                 //设置在一定时间间隔就执行一段程序
                          var time = window.setTimeout("test2()",20) ;                                    //设置在一定时间后就执行一段程序
                         function clear()
                          {
                             clearInterval(setInt);                                                               //清除setInterval方法
                              clearTomeout(time);                                                               //清除setTimeout方法。
                           }
                              window.open("url.html","新打开窗口的名称" ,"width=100,height=100","true");    //打开一个新的窗口大小为100*100
                     </script>
                     </html>