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

来源：互联网发布：22周b超数据看男女编辑：程序博客网时间：2024/05/16 11:26

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>