javascript Browser 对象

项目刚刚上线了几个版本,终于可以小憩一下了,闲来无事,翻阅了一下runoob,想巩固一下知识,然后在javascript中发现了这么一个目录Browser对象。突然发现自己貌似经常使用这一块的东西,但是貌似了解的不是很全面,没有具体的全面看过。所以专门的查看并实验了一下。



Window对象

这个对象有如下属性:(我大致分了一下类别。只是按照自己的理解简单分类。)
1. document           对Document对象的只读引用。

history               对History对象的只读引用。

navigator            对Navigator对象的只读引用。

screen                对Screen对象的只读引用。

2. location              用于窗口或框架的 Location 对象。

self                    返回对当前窗口的引用。等价于 Window 属性。常用于window.top!=window.self来判断是否是顶层

3. name                 设置或返回窗口的名称。名称常见于myWindow=window.open(‘‘,‘MsgWindow‘,‘width=200,height=100‘);这个第二个参数处。

closed                返回窗口是否已被关闭。

话说第一眼在看这个的时候满脸懵b。这有什么用。后来看了demo,常用于:var myWindow=window.open("","","width=400,height=200");类似情况。可控制新打开页面,常与window.close(),window.open()方法一起使用。

parent                返回父窗口。

top                    返回最顶层的父窗口。

opener               返回对创建此窗口的窗口的引用。

frames               返回窗口中所有命名的框架。(所有的iframe都算,不管有无src都算。以数组形式返回。)

length                设置或返回窗口中的框架数量。(所有的iframe都算。数量与frames中的数组个数一致。ps:理论上来说是这样的。如果有什么不对欢迎指出。)

4. innerHeight        返回窗口的文档显示区的高度,不包含工具条与滚动条,下同。

innerWidth         返回窗口的文档显示区的宽度。

outerHeight       返回窗口的外部高度,包含工具条与滚动条,下同。

outerWidth        返回窗口的外部宽度。

pageXOffset       设置或返回当前页面相对于窗口显示区左上角的 X 位置。

pageYOffset       设置或返回当前页面相对于窗口显示区左上角的 Y 位置。

screenLeft          返回相对于屏幕窗口的x坐标。(火狐不支持这个属性,下同)

screenTop          返回相对于屏幕窗口的y坐标。

screenX             返回相对于屏幕窗口的x坐标。(ie不支持这个属性,所以想使用的时候可以与上面方法一起使用,实现全浏览器兼容。下同)

screenY             返回相对于屏幕窗口的y坐标。

5. defaultStatus     设置或返回窗口状态栏中的默认文本。(只有Opera兼容。无明显意义。)

status               设置窗口状态栏的文本。(只有Opera兼容。无明显意义。)

这个对象有如下方法:(常见的可以直接写的都是window底下的方法)

alert()                 显示带有一段消息和一个确认按钮的警告框。
blur()                 把键盘焦点从顶层窗口移开。
clearInterval()     取消由 setInterval() 设置的 timeout。
clearTimeout()     取消由 setTimeout() 方法设置的 timeout。
close()                关闭浏览器窗口。
confirm()            显示带有一段消息以及确认按钮和取消按钮的对话框。
createPopup()     创建一个 pop-up 窗口。
focus()               把键盘焦点给予一个窗口。
moveBy()           可相对窗口的当前坐标把它移动指定的像素。
moveTo()           把窗口的左上角移动到一个指定的坐标。
open()                打开一个新的浏览器窗口或查找一个已命名的窗口。
print()                打印当前窗口的内容。
prompt()            显示可提示用户输入的对话框。
resizeBy()           按照指定的像素调整窗口的大小。
resizeTo()           把窗口的大小调整到指定的宽度和高度。
scroll()               (window.scrollTo is effectively the same as this method,即与scrollTo一致)
scrollBy()           按照指定的像素值来滚动内容。
scrollTo()           把内容滚动到指定的坐标。
setInterval()       按照指定的周期(以毫秒计)来调用函数或计算表达式。
setTimeout()      在指定的毫秒数后调用函数或计算表达式。



未完待续~~

时间: 2024-07-31 14:44:40

javascript Browser 对象的相关文章

JavaScript对象 + Browser 对象 + HTML DOM 对象

JavaScript 对象 Array Boolean Date Math Number String RegExp Global Browser 对象 Window Navigator Screen History Location HTML DOM 对象 Document Anchor Area Base Body Button Canvas Event Form Frame Frameset IFrame Image Input Button Input Checkbox Input Fi

javascript篇:Browser对象

WindowWindow对象表示浏览器打开的窗口.如果文档包含框架(frame或ifame标签),浏览器会为HTML文档创建一个Window对象——window,并为每个框架额外创建一个window对象.在客户端js中,window对象是全局的,所有表达式都在当前环境中计算,可以把窗口的属性作为全局变量来使用. Window对象属性 closed:只读返回窗口是否已经被关闭.当浏览器窗口关闭时,表示该窗口的对象并不会消失,它的closed将会设为true.通常可用于子窗口查询. 1 <html>

JavaScript - Array对象的使用 及 数组排序 sort

<html> <head> <head> <body> <script language="javascript"> // Array对象 // 第一种构造方法 var arr = new Array(); alert(arr.length); arr[0] = 520 ; arr[1] = "wjp" ; alert(arr.length); // 第二种构造方法 // Array(4) ; // 第三种

JavaScript原生对象属性和方法详解——Array对象 转载

length 设置或返回 数组中元素的数目. 注意:设置 length 属性可改变数组的大小.如果设置的值比其当前值小,数组将被截断,其尾部的元素将丢失.如果设置的值比它的当前值大,数组将增大,新的元素被添加到数组的尾部,它们的值为 undefined.所以length不一定代表数组的元素个数. var arr = new Array(3) arr[0] = "John" arr[1] = "Andy" arr[2] = "Wendy" cons

JavaScript的对象——灵活与危险

没有哪种数据结构比JavaScript的对象更简单灵活了.作为一个弱动态类型语言,JavaScript对对象的属性没有任何约束, 这带来的结果就是,在使用的时候很爽,想加啥属性直接加上去就行了,根本没有类或模板的限制, 想读啥属性直接"点"出来就行了,写出来那是相当简洁:然而这样的代码在运行的时候呢-- JavaScript这种灵活性最大的一个问题也是没有约束.比如一个网店系统有两个部分,一部分产生订单对象, 另一部分拿到订单对象来展示.咱们前端程序员自然是干后面展示那部分事儿的,比如

奔跑吧,我的JavaScript(3)---JavaScript浏览器对象

Window对象 1.是BOM的核心,window对象指向当前的浏览器窗口,最高层对象之一. 2.所有JavaScript全局对象,函数以及变量均自动成为window对象成员 3.全局变量是window对象的属性 4.全局函数是window对象的方法 5.window尺寸 window.innerHright/window.innerWidth,浏览器窗口的内部高度/宽度 6.window方法 window.open()       打开新窗口 window.close()      关闭窗口

JQuery $.each遍历JavaScript数组对象实例

查看一个简单的jQuery的例子来遍历一个JavaScript数组对象. var json = [ {"id":"1","tagName":"apple"}, {"id":"2","tagName":"orange"}, {"id":"3","tagName":"banana&q

【温故而知新-Javascript】对象

1 创建对象 Javascript 支持对象的概率.有多种方法可以用来创建对象. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Javascript Object </title> </head> <body> <script> var myData = new Ob

JavaScript实现对象的深度克隆【简洁】【分享】

JavaScript实现对象的深度克隆 代码实现如下: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>clone</title> 6 7 <script type="text/javascript"> 8 //对象深度克隆方法 9 10 11 ////