JavaScript浏览器对象模型,windows对象模型分类

作者:计算机知识

图片 1

Js Window

window 对象

BOM的主导指标是window,它象征浏览器的3个实例。在浏览器中,window对象有再一次剧中人物,它既是由此JavaScript访问浏览器窗口的贰个接口,又是ECMAScript规定的Global对象。

  • 1.全局作用域
    鉴于window对象同时扮演着ECMAScript中Global对象的角色,因而有所在全局功效域中声称的变量、函数都会化为window对象的习性和方法。
        var age = 29;
        function sayAge() {
            alert(this.age);
        }
        alert(window.age);//29
        sayAge();//29
        window.sayAge();//29

抛开全局变量会形成window对象的性质不谈,定义全局变量与window对象上一贯定义属性还是有好几差距;全局变量无法透过delete操作符删除,而一向在window对象上的概念的属性能够。

        var age = 29;
        window.color = "red";
        //在IE<9时抛出错误,在其他所有浏览器中都返回false
        delete window.age;
        //在IE<9时抛出错误,在其他所有浏览器中都返回true
        delete window.color;//29
        alert(window.age);//29
        alert(window.color);//undefined

刚才使用var语句增添的window属性有3个名字为[[Configurable]]的本性,那几个特点的值被安装为false,因而这样定义的脾气不可能通过delete操作符删除。
品味访问未注明的变量会抛出荒谬,可是透过询问window对象,能够钦赐有个别恐怕未表明的变量是还是不是存在。

        //这里会抛出错误,因为oldValue未定义
        var newValue = oldValue;
        //这里不会抛出错误,因为这是一次属性查询
        //newValue的值是undefined
        var newValue = window.oldValue;
  • 2.窗口关系及框架

如果页面中带有框架,则各类框架都具有本人的window对象,并且保留在frames集合中。在frames集合中,能够因此数值索引(从0初始,从左至右,从上到下)大概框架名称来走访相应的window对象。每一个window对象有多个name属性,个中涵盖框架的称呼。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Frameset Example</title>
</head>
<frameset rows="160,*">
    <frame src="frame.htm" name="topFrame">
        <frameset cols="50%,50%">
            <frame src="anotherframe.htm" name="leftFrame"></frame>
            <frame src="yetanotherframe.htm" name="rightFrame"></frame>
        </frameset>
    </frame>
</frameset>
</html>

图片 2

走访每一种框架的不等措施

top对象始终对准最高(最外)层的框架。window对象指向的都以这一个框架的一定实例,而非最高层框架。

与top相对的另1个window对象是parent。parent对象始终对准当前框架的第二手上层框架。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Frameset Example</title>
</head>
<frameset rows="100,*">
    <frame src="frame.htm" name="topFrame">
        <frameset cols="50%,50%">
            <frame src="anotherframe.htm" name="leftFrame"></frame>
            <frame src="yetanotherframe.htm" name="rightFrame"></frame>
        </frameset>
    </frame>
</frameset>
</html>

其壹框架聚焦的2个框架包涵了另一个框架,该框架集代码如下:

<html>
    <head>
        <title>Frameset Example</title>
    </head>
    <frameset cols="50%,50%">
        <frame src="red.htm" name="redFrame"></frame>
        <frame src="blue.htm" name="blueFrame"></frame>
    </frameset>
</html>

图片 3

image.png

除法最高层窗口是经过window.open()展开的,不然window对象的name属性不会包含别的值。
与框架有关的最后3个对象是self,它一贯试行window;实际上self和window能够调换使用。

  • 三.窗口岗位
    用来规定和修改window对象地方的性质和格局有不少。使用下列代码能够跨浏览器获得窗口左侧和上面包车型的士岗位。
        var leftPos = (typeof window.screenLeft == "number") ?
                        window.screenLeft : window.screenX;

        var topPos = (typeof window.screenTop == "number") ?
                        window.screenTop : window.screenY

应用moveTo()和moveBy()方法可将窗口准确地活动到三个新任务。那多个办法都接到多个参。
moveTo()接收的是新岗位的x和y坐标
moveBy()接收的是在档案的次序和垂直方向上活动的像素数

        //将窗口移动到屏幕左上角
        window.moveTo(10,10);
        //将窗口向下移动100像素
        window.moveBy(0,100);
        //将窗口移动到(200,300)
        window.moveTo(200,300);
        //将窗口项做移动50像素
        window.moveBy(-50,0);

这五个点子或然会被浏览器禁止使用,那三个点子都不适用与框架,只好对最外层的window对象使用。

  • 四.窗口大小
    不能够对的浏览器窗口自个儿的轻重,但却得以赢得页面视口的高低:
    var pageWidth = window.innerWidth,
            pageHeight = window.innerHeight;
        if (typeof pageWidth != "number") {
            if (document.compatMode == "CSS1Compat") {
                pageWidth = document.documentElement.clientWidth;
                pageHeight = document.documentElement.clientHeight;
            }else{
                pageWidth = document.body.clientWidth;
                pageHeight = document.body.clientHeight;
            }
        }

动用resizeTo()和resizeBy()方法能够调解浏览器窗口的分寸。
resizeTo()接收浏览器窗口的新宽度和新的高峰度
resizeBy()接收新窗口与原窗口的肥瘦和可观只差。

        window.resizeTo(100,100);//100*100
        window.resizeBy(100,50);//200*150
        window.resizeTo(300,300)//300*300

这多少个主意也大概被禁止使用,不适用框架,只好对最外层的window对象使用。

  • 5.导航和开垦窗口

使用window.open()方法既可以导航到叁个一定的UPRADOL,也足以展开叁个新的浏览器窗口。那么些点子能够收起多少个参数:要加载的UOdysseyL、窗口目的、1个风味字符串和3个代表新页面是不是代表浏览器历史记录中当前加载页面包车型客车布尔值。平时只传递第几个参数,最终1个参数只在不展开新窗口的意况下接纳。
若是window.open()传递了第3个参数,而且该参数是已有窗口或框架的名号,那么就能够在颇具该名称的窗口或框架中加载第三个参数钦赐的U福睿斯L。

        //等同于<a href="https://www.baidu.com/" target="topFrame"></a>
        window.open("https://www.baidu.com/","topFrame");

只要有三个称呼“topFrame”的窗口或框架,就能够在该窗口或框架加载那一个UKoleosL,不然,就能够创造叁个新窗口并将其命名叫"topFrame",首个参数也足以是下列任何贰个非正规的窗口名称:_self、_parent、_top或_blank。

    • 一.弹出窗口
      第3个参数是贰个逗号分隔的设置字符串,表示在新窗口中都呈现怎么特征。
    ![](https://upload-images.jianshu.io/upload_images/6079373-e497d1a7f1cf9390.png)

    image.png
        window.open("https://www.baidu.com/","wroxWindow","height=400,width=400,top=10,left=10,resizable=yes");

调用close()方法还足以关闭新开荒的窗口。

          window.close();

本条点子仅适用于通过window.open()张开的弹出窗口。

  • 六.半涂而废调用和过期调用

逾期调用须要选择window对象的set提姆eout()方法,它接受三个参数:要推行的代码和以微秒表示的时间。

        setTimeout("alert('Hello world');",1000);

        setTimeout(function () {
            alert('Hello world');
        },1000);

setTimeout()的第3个参数告诉JavaScript再过多久把当前职务加多到职责队列中。
调用setTimeout()之后,该方法会重临一个数值ID。

        var timeoutId = setTimeout(function () {
            alert('Hello world');
        },1000);
        clearTimeout(timeoutId);//把它取消

停顿调用setInterval():

setInterval("alert('Hello world');",1000);
setInterval(function () {
            alert('Hello world');
        },1000);

调用setInterval一样会回到yield间歇调用ID。

        var num=0;
        var max=10;
        var intervalId=null;

        function incrementNumber() {
            num  ;
            if(num==max){
                clearInterval(intervalId);
                alert('Done');
            }
        }
        intervalId = setInterval(incrementNumber,500);

也能够应用过期调用来兑现

        var num=0;
        var max=10;

        function incrementNumber() {
            num  ;
            if(num<max){
                setTimeout(incrementNumber,500);
            }else{
                alert('Done');
            }
        }
        setTimeout(incrementNumber,500);
  • 七.系统对话框
    浏览器通过alert()、confirm()和prompt()方法能够调用系统对话框项用户呈现音信。
alert("Hello world!");

图片 4

alert

        if (confirm("Are you sure>")) {
            alert("I'm so glad you're sure!");
        }else{
            alert("I'm sorry to hear you're not sure.");
        }

图片 5

confirm

        var result = prompt("What is your name?","");
        if(result!==null){
            alert("Welcome, "  result);
        }

图片 6

prompt

JavaScript Window浏览器对象模型方法与性情汇总,window对象模型

Window 对象

富有浏览器都扶助 window 对象。它象征浏览器窗口。

持有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的分子。

全局变量是 window 对象的质量。

大局函数是 window 对象的法子。

1. open方法

语法格式:
window.open(URL,窗口名称,窗口作风)
功用:张开3个新的窗口,并在窗口中装载钦命UKoleosL地址的网页。
  说明:
open方法用于展开三个新的浏览器窗口,并在新窗口中装入3个钦赐的U牧马人L地址;
open方法在展开二个新的浏览器窗口时,还足以钦赐窗口的称号(第2个参数);
open方法在开垦二个新的浏览器窗口时,还足以钦定窗口的品格(第二个参数),
窗口作风有以下选项,这几个选用能够多选,假如多选,各接纳之间用逗号分隔:
toolbar:钦赐窗口是不是有行业内部工具栏。当该选用的值为一或yes时,表示有正式工具栏,当该采用的值为0或no时,表示尚无正式工具栏;
location:钦定窗口是还是不是有地址工具栏,选项的值及意义与toolbar一样;
directories:钦赐窗口是不是有链接工具栏,选项的值及意义与toolbar同样;
status:钦点窗口是或不是有状态栏,选项的值及意义与toolbar同样;
menubar:钦赐窗口是或不是有菜单,选项的值及意义与toolbar同样;
scrollbar:钦定当前窗口文书档案大于窗口时是还是不是有滚动条,选项的值及意义与toolbar一样;
resizable:内定窗口是不是可改造大小,选项的值及意义与toolbar一样;
width:以像素为单位钦定窗口的增加率,已被innerWidth替代;
height:以像素为单位钦点窗口的中度,已被innerHeight代替;
outerWidth:以像素为单位钦定窗口的表面宽度;
outerHeight:以像素为单位钦赐窗口的表面中度;
left:以像素为单位内定窗口距显示屏左边的职分;
top:以像素为单位钦赐窗口距显示屏上方的岗位;
alwaysLowered:内定窗口隐藏在享有窗口之后,选项的值及意义与toolbar一样;
alwaysRaised:钦命窗口浮在装有窗口之上,选项的值及意义与toolbar一样;
dependent:钦命展开的窗口为眼下窗口的一个子窗口,并乘胜父窗口的关门而关门,选项的值及意义与toolbar一样;
hotkeys:在向来不菜单栏的新窗口中装置安全退出的热键,选项的值及意义与toolbar同样;
innerHeight:设定窗口普通话档的像素中度;
innerWidth:设定窗口粤语档的像素宽度;
screenX:设定窗口距离荧屏左侧界的像素长度;
screenY:设定窗口距离显示屏上面界的像素长度;
titleBar:指明标题栏是或不是在新窗口中可知,选项的值及意义与toolbar同样;
z-look:指明当窗口被激活时,不可能浮在其余窗口之上,选项的值及意义与toolbar同样。
open方法重回的是该窗口的引用。
小技术:该措施常常用来在展开3个网页时自动张开另贰个窗口。

2. close方法

语法格式:
window.close()
意义:close方法用于机动关闭浏览器窗口。

3. alert方法

语法格式:
window.alert(提醒字符串)
作用:弹出2个告诫框,在告诫框内展现提示字符串文本。

4. confirm方法

语法格式:
JavaScript浏览器对象模型,windows对象模型分类。window.confirm(提醒字符串)
成效:显示1个确定框,在肯定框内展现提醒字符串,当用户单击“鲜明”按键
时该方法重返true,单击“撤销”时回来false。

5. prompt方法

语法格式:
window.prompt(提示字符串,缺省文本)
职能:展现一个输入框,在输入框内彰显提示字符串,在输入文本框显示缺省文
本,并等候用户输入,当用户单击“明确”按键时,重返用户输入的字符串,当
单击“取消”按钮时,返回null值。

6. setTimeout方法

语法格式:
window.setTimeout(代码字符表达式,阿秒数)
功用:定服装置,当到了钦赐的皮秒数后,自动实行代码字符表明式。

7. clearTimeout方法

语法格式:
window.clearTimeout(定时器)
功能:撤除从前的定服装置,在那之中的参数是用setTimeout设置时的重返值。

8. setInterval方法

语法格式:
window.setInterval(代码字符表达式,飞秒数)
作用:设定三个光阴距离后(第四个参数),反复施行“代码字符表达式”的从头到尾的经过

9. clearInterval方法

语法格式:
window.clearInterval(时间间隔器)
功用:裁撤setInterval设置的按期。其中的参数是setInterval方法的再次来到值。

10. moveBy方法

语法格式:
window.moveBy(水平位移量,垂直位移量)
作用:依照给定像素参数移动钦定窗口。第2个参数是窗口水平位移的像素,第
贰个参数是窗口垂直运动的像素。

11.moveTo方法

语法格式:
window.moveTo(x,y)
功效:将窗口移动到钦点的钦定坐标(x,y)处。

12. resizeBy方法

语法格式:
window.resizeBy(水平,垂直)
功能:将如今窗口更换钦点的分寸(x,y),当x、y的值超越0时为扩大,小于0时
为缩小。

13. resizeTo方法

语法格式:
window.resizeTo(水平上涨的幅度,垂直宽度)
作用:将如今窗口改换成(x,y)大小,x、y分别为宽度和惊人。

14. scrollBy方法

语法格式:
window.scrollBy(水平位移量,垂直位移量)
作用:将窗口中的内容按给定的位移量滚动。参数为正数时,正向滚动,否则反
向滚动。

15. scrollTo方法

语法格式:
window.scrollTo(x,y)
效用:将窗口中的内容滚动到钦点地点。

16.find方法

语法格式:
window.find()
功效:当触发该格局时,将弹出1个“find”(查找)对话窗口,并允许用户在触
发find方法的页面中追寻多个字符串。
注:该属性在IE5.伍及Netscape6.0中都不帮忙。

17. back方法

语法格式:
window.back()
职能:模拟用户点击浏览器上的“后退”按键,将页面转到浏览器的上一页。
表明:仅当当前页面存在上1页时技术拓展该操作。
注:IE5.伍不援助该办法,Netscape陆.0帮衬。

18. forward方法

语法格式:
window.forward()
效果:模拟用户点击浏览器上的“前进”按键,将页面转到浏览器的下一页。
证实:仅当当前页面存在下一页时才干拓展该操作。
注:IE伍.5不帮衬该办法,Netscape陆.0帮忙。

19. home方法

语法格式:
window.home()
功效:模拟用户点击浏览器上的“主页”开关,将页面转到钦定的页面上。
注:IE五.5不扶助该办法,Netscape陆.0援助。

20. stop方法

语法格式:
window.stop()
功能:模拟用户点击浏览器上的“甘休”按键,终止浏览器的下载操作。
注:IE伍.五不援救该办法,Netscape陆.0协助。

21. print方法

语法格式:
window.print()
职能:模拟用户点击浏览器上的“打印”开关,文告浏览器展开打字与印刷对话框打字与印刷
当前页。

22. blur方法

语法格式:
window.blur()
意义:从窗口中移出大旨。当与focus方法使得时必须小心,因为或者导致标准
持续移进移出。

23. focus方法

语法格式:
window.focus()
功能:使窗口中获取难点。当与blur方法使得时必须小心,因为只怕形成规范不
断移进移出。

24. captureEvent方法

语法格式:
window.captureEvent(Event)
window.captureEvent(事件1|事件2|...|事件n)
成效:捕捉钦赐参数的具有事件。由于能够捕获哪些由本土程序自个儿管理的风浪
,所以程序猿能够放肆定义函数来处监护人件。假如有五个事件须要捕捉,各事件
里面用管道符“|”隔绝。可捕捉的轩然大波类型如下:
Event.ABORT
Event.BLUR
Event.CHANGE
Event.CLICK
Event.DBLCLICK
Event.DRAGDROP
Event.ERROR
Event.FOCUS
Event.KEYDOWN
Event.KEYPRESS
Event.KEYUP
Event.LOAD
Event.MOUSEDOWN
Event.MOUSUEMOVE
Event.MOUSEOUT
Event.MOUSEOVER
Event.MOUSEUP
Event.MOVE
Event.RESET
Event.RESIZE
Event.SELECT
Event.SUBMIT
Event.UNLOAD

25. enableExternalCapture事件

语法格式:
window.enableExternalCapture(event)
效益:enableExternalCapture方法用于捕捉通过参数字传送入的外表事件。

26. disableExternalCapture事件

语法格式:
window.disableExternalCapture()
职能:撤消enableExternalCapture方法的安装,终止对表面事件的捕捉。

27. handleEvent事件

语法格式:
window.handleEvent(event)
效益:触发内定事件的风云处理器。

28. releaseEvent事件

语法格式:
window.releaseEvent(event)
window.releaseEvent(事件1|事件2|...|事件n)
效能:释放通过参数字传送入的已被捕捉的事件,那一个事件是由
window.capture伊芙nt方法安装的,可自由的事件与capture伊夫nt相同。

29. routeEvent事件

语法格式:
window.releaseEvent(event)
成效:把被捕捉类型的兼具事件转交给专门的学问事件管理方法实行拍卖,可转交的事
件与captureEvent相同。

30 scroll事件

语法格式:
window.scroll(X坐标,Y坐标)
效果:将窗口移动到内定的坐标地点。

window对象具备如下属性:

1. status属性

语法格式:
window.status=字符串
功能:设置或提交浏览器窗口中状态栏的此时此刻显示消息。
小手艺:能够动用该属性设置浏览器窗口状态栏音信。

2. statusbar属性

语法格式:
window.statusbar.属性
作用:statusbar属性本人也是五个指标,用于访问它自已的visible属性从而确
定状态栏是还是不是可知。
注:IE五.5浏览器不援助该属性。

3. statusbar.visible属性

语法格式:
window.statusbar.visible
功能:检查状态栏是还是不是可知,假设可知则赶回true,反之重返false。
注:IE5.5浏览器不辅助该属性。

4. defaultstatus属性

语法格式:
window.defaultstatus[=字符串]
功能:defaultstatus属性值是浏览器窗中状态栏的暗许展现音讯。

5.location属性

语法格式:
window.location=URL
成效:给出当前窗口的U昂CoraL信息或钦点展开窗口的U劲客L。

6. locationbar属性

语法格式:
window.locationbar.属性
功用:locationbar属性也能够看做是3个子指标,这些天性用来获取它自已的
visible属性来规定地点栏是还是不是可知。
到方今停止,该属性只有四个子属性:visible。
注:IE伍.5不支持该属性。

7. locationbar.visible属性

语法格式:
window.locationbar.visible
意义:重回地方栏是不是可见,若是可知重回true,反之重返false。
注:IE伍.五不帮助该属性。

8. self属性

语法格式:
window.self.方法
window.self.属性
效果:该属性包罗当前窗口的评释,利用那脾脾气,能够保障在两个窗口被展开
的图景下,正确调用当前窗口内的函数或性质而不会发出混乱。

9. name属性

语法格式:
window.name=名称
功能:再次来到窗口名称,那么些称号是由window.open()方法创造新窗口时给定的。
在javascript一.0本子中,那天性子只可以用来读取窗口名称,而到了
javascript一.一版本时,可以用那一个性情给贰个不是用window.open()方法创造的
窗口钦点3个称呼。

10. closed属性

语法格式:
window.closed
功效:closed属性用于再次回到钦赐窗口的实例是或不是早已关闭,即便关闭,重临true
,反之重回flase。

11. frames属性

语法格式:
window.frames["框架名称"]
window.frames[数值]
功效:frames属性是贰个数组,用来积攒文书档案中每三个由元素创造的子窗口(框
架)实例,个中的下标即能够是次序号也足以是用FRAME成分的NAME属性钦点的名
称来得到并接纳。

12. frames.length属性

语法格式:
window.frames.length
作用:frames.length属性用于给出文档中子窗口(框架)实例的个数。

13. length属性

语法格式:
window.length
效益:length属性重临八个窗口内的子窗口数目,该属性与
window.frame.length属性的值同样。

14. document属性

语法格式:
window.document.事件
window.document.方法
window.document.属性
功效:window对象的子对象document是javascript的大旨目的,在剧本中境遇
BODY成分时成立二个实例。

15. history属性

语法格式:
window.history[数值]
window.history.方法()
window.history.属性
window对象的子对象history是javascript的主导目的之一,该属性包括了三个
已走访过页面包车型大巴名号和U宝马7系L的数组。

16. innerHeight属性

语法格式:
window.innerHeight=数值
功效:再次来到或钦定浏览器窗口中文档的像素高度,那一个惊人不包含此外工具栏和
构成窗口的页面修饰中度。
注:IE5.5不协助该属性。

17. innerWidth属性

语法格式:
window.innerHeight=数值
作用:重回或钦赐浏览器窗口汉语档的像素宽度,那些幅度不包蕴其余工具栏和
整合窗口的页面修饰宽度。
注:IE5.伍不扶助该属性。

18. menubar属性

语法格式:
window.menubar.属性
成效:menubar属性也足以用作是一个子目的,这些性子用来博取它自已的
visible属性来规定菜单栏是或不是可知。
到近来截至,该属性只有3个子属性:visible。
注:IE五.伍不援助该属性。

19. menubar.visible属性

语法格式:
window.menubar.visible
功效:menubar.visible属性用于重临菜单栏是还是不是可知,假使可知重回true,反
之返回false。
注:IE伍.5不援救该属性。

20. opener属性

语法格式:
window.opener
window.opener.方法
window.opener.属性
功能:opener属性与开采该窗口的父窗口相挂钩,当访问子窗口中operer属性时
,再次来到的是父窗口。通过该属性,能够动用父窗口对象中的方法和性质。

21. outerHeight属性

语法格式:
window.outerHeight
意义:outerHeight属性用于访问浏览器窗口的像素高度,该中度归纳工具栏和
装修边的冲天。
注:IE五.5不援助该属性。

22. outerWidth属性

语法格式:
window.outerWidth
效益:outerWidth属性用于访问浏览器窗口的像素宽度,该拉长率包含工具栏和装
饰边的宽窄。
注:IE伍.5不扶助该属性。

23. pageXOffset属性

语法格式:
window.pageXOffset=数值
效能:钦点浏览器窗口汉语档左上角在窗口中的当前水平像素地方。在动用
moveTo移动在此之前,能够经过该属性来决定是不是要求活动窗口。因为该属性重返了
足见文书档案相对整个页面包车型地铁当下地方。
注:IE5.5不接济该属性。

24. pageYOffset属性

语法格式:
window.pageYOffset=数值
成效:钦定浏览器窗口中文档左上角在窗口中的当前垂直像素地点。在行使
moveTo移动此前,能够通过该属性来决定是还是不是必要活动窗口。因为该属性重回了
看得出文书档案相对整个页面包车型大巴近来地方。
注:IE伍.伍不协理该属性。

25. parent属性

语法格式:
window.parent.frames[数值]
window.parent.framesName
效果:访问种种子窗口(多框架)所在的父窗口。

26. personalbar属性

语法格式:
window.personalbar.属性
成效:personalbar属性自身也是八个目的,用于访问其本人的visible属性来确
定个人栏是否可知。
注:IE5.5不帮忙该属性。

27. personalbar.visible属性

语法格式:
window.personalbar.visible
成效:分明个人栏是不是可知,如若可知则赶回true,反之重临false。
注:IE伍.5不扶助该属性。

28. scrollbars属性

语法格式:
window.scrollbars.属性
功能:scrollbars属性自己也是贰个对象,用于访问其自己的visible属性来确
定滚动栏是还是不是可知。
注:IE伍.5不帮忙该属性。

29. scrollbars.visible属性

语法格式:
window.scrollbars.visible
效果:scrollbars.visible用于分明滚动栏是或不是可知,借使可知则赶回true,反
之返回false。
注:IE五.伍不帮衬该属性。

30. toolbar属性

语法格式:
window.toolbar.属性
职能:toolbar属性本人也是一个对象,用于访问它自已的visible属性从而明确
工具栏是或不是可知。
注:IE5.伍不协助该属性。

31. toolbar.visible属性

语法格式:
window.toolbar.visible
职能:toolbar.visible属性用于检查工具栏是或不是可知,假使可知则赶回true,
反之再次回到false。
注:IE伍.五不扶助该属性。

32. top属性

语法格式:
window.top.frames[数值]
window.top.frameName
window.top.方法()
window.top.属性
成效:window对象的top属性用于包蕴全体装入浏览器的子窗口(多框架)的最顶层窗口的新闻。

以上所述正是本文的全部内容了,希望我们能够欣赏。

Window浏览器对象模型方法与质量汇总,window对象模型 Window 对象 全数浏览器都扶助 window 对象。它表示浏览器窗口。 全部JavaScrip...

  • 赢得浏览器窗口

  • 全局变量是window对象的属性

  • 全局函数是window对象的法子
  • HTML DOM的document是window对象属性之一

    window.document.getElementById("header"); === document.getElementById("header");

window.innerHeight

window.innerWidth

获取浏览器尺寸

IE/Chrome/Firefox/Opera/Safari

document.documentElement.clientHeight

document.documentElement.clientWidth

获取浏览器尺寸

IE8/7/6/5

document.body.clientHeight

document.body.clientWidth

获取浏览器尺寸

其他

window.open()

打开新窗口

window.close()

关闭当前窗口

window.moveTo()

移动当前窗口

window.resizeTo()

调整当前窗口的尺寸

获取window尺寸

1 var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
2 var heigh = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
3 console.log(width   ","   heigh);

————————————————————————————————————————————

Js Screen

  • 收获荧屏的新闻

screen.availWidth

获取屏幕宽度

screen.availHeight

获取屏幕高度

————————————————————————————————————————————

本文由bwin必赢发布,转载请注明来源

关键词: 必赢亚 Web 前端开发 前端