浏览器对象模型 (BOM--Browser Object Model),window对象是BOM中所有对象的核心

A、属性

1.(位置类型-获得浏览器的位置)

IE:
window.screenLeft    获得浏览器距屏幕左上角的左边距  
window.screenTop    获得浏览器距屏幕左上角的上边距

FF:  
screenX
screenY

2.获得浏览器的尺寸

window.innerWidth      获得窗口的宽度
window.innerHeight      获得窗口的高度

3.关系类型

frame框架下
window.parent    返回父窗口
window.top       返回最顶层的先辈窗口
self                  返回对当前窗口的引用。等价于 Window 属性

4.stutas  设置窗口状态栏的文本(不少浏览器已经关闭了脚本化它们的状态栏的功能,细节自己百度了)

B、方法

1.窗体控制

对窗体的移动

window.moveBy(x,y)--相对于当前位置沿着X\Y轴移动指定的像素,如负数是反方向
window.moveTo(x,y)--相对于浏览器的左上角沿着X\Y轴移动到指定的像素,如负数是反方向

窗体尺寸的改变

resizeBy(x,y)--相对于当前窗体的大小,调整宽度和高度
resizeTo(x,y)--把窗体调整为指定宽度和高度

2.对窗体滚动条的控制

scrollBy(x,y)--相对于当前滚动条的位置移动的像素(前提有滚动条)
scrollTo(x,y)--相对于当前窗口的高度或宽度,移动到指定的像素

3.时间间隔的函数

setInterval(a,b)--按照指定的周期(以毫秒计)来调用函数或计算表达式

clearInterval(t)--取消由 setInterval() 设置的 timeout

setTimeout(a,b)--在指定的毫秒数后调用函数或计算表达式,只执行一次

clearTimeout(t)--取消由 setTimeout() 方法设置的 timeout

  1. //格式范例
  2. setInterval('alert(1)',1000);
  3. ---------------------------
  4. var a=0;
  5. function chen(){
  6. alert(a);
  7. a++;
  8. };
  9. setInterval(chen,1000);
  10. -----------------------
  11. var a=0;
  12. function chen(){
  13. alert(a);
  14. a++;
  15. };
  16. setInterval('chen()',1000);
  17. ----------------------
  18. var a=0;
  19. setInterval(function(){
  20. alert(a);
  21. a++;
  22. },1000);
  1. //滚动条自动滚动,点击页面停止
  2. window.onload=function(){
  3. var t=setInterval(function(){
  4. window.scrollBy(0,100);
  5. },200);
  6. document.body.onclick=function(){
  7. clearInterval(t);
  8. }
  9. }

 4.打开新的窗口

window.open(URL,name,features,replace)--打开一个新的浏览器窗口或查找一个已命名的窗口

  URL:一个可选的字符串,声明了要在新窗口中显示的文档的 URL。如果省略了这个参数,或者它的值是空字符串,那么新窗口就不会显示任何文档

  name:一个可选的字符串,该字符串是一个由逗号分隔的特征列表,其中包括数字、字母和下划线,该字符声明了新窗口的名称

  features:一个可选的字符串,声明了新窗口要显示的标准浏览器的特征。如果省略该参数,新窗口将具有所有标准特征

  replace:一个可选的布尔值。规定了装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目,还是替换浏览历史中的当前条目

history对象(包含用户(在浏览器窗口中)访问过的 URL)

1.属性

length--返回浏览器历史列表中的 URL 数量

2.方法

back()--后退。加载 history 列表中的前一个 URL
forward()--前进。加载 history 列表中的下一个 URL
go(number)--如果参数是正数,那么就是前进相应的数目,如果是负数那么反之,如果是0那么就是刷新

location对象(对象包含有关当前 URL 的信息)

1.属性

href--设置或返回完整的 URL
search--设置或返回从问号 (?) 开始的 URL(查询部分)

2.方法

assign()--加载新的文档
reload(boolean)--重新加载当前文档, 当参数是true,任何时候都会重新加载,false的时候,只有在文档改变的时候才会加载,否则直接读取内存当中的。
replace()--用新的文档替换当前文档(没有历史记录)

screen对象(包含有关客户端显示屏幕的信息)

availHeight--返回显示屏幕的高度 (除 Windows 任务栏之外)。

availWidth--返回显示屏幕的宽度 (除 Windows 任务栏之外)。

height--返回显示屏幕的高度。

width--返回显示屏幕的宽度。

javascript笔记整理(window对象)的更多相关文章

  1. javascript笔记整理(对象遍历封装继承)

    一.javascript对象遍历 1.javascript属性访问 对象.属性名 对象['属性名'] var obj={name:'chen',red:function(){ alert(1);ret ...

  2. javascript笔记整理(对象的继承顺序、分类)

    Object.prototype.say=function(){ alert("我是顶层的方法"); } children.prototype=new parent(); pare ...

  3. javascript笔记整理(对象基础)

    一.名词解释 1.基于对象(一切皆对象,以对象的概念来编程) 2.面向对象编程(Object Oriented Programming,OOP) A.对象(JavaScript 中的所有事物都是对象) ...

  4. JavaScript中的window对象

    JavaScript中的window对象:http://www.cnblogs.com/kissdodog/archive/2013/01/01/2841464.html

  5. 运维开发笔记整理-QueryDict对象

    运维开发笔记整理-QueryDict对象 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 客户端发送数据请求有很多种,相信运维人员已经很清楚了,如果不太清楚的话可以参考我之前的学习笔 ...

  6. 运维开发笔记整理-JsonResponse对象

    运维开发笔记整理-JsonResponse对象 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.使用HttpResponse发送json格式的数据 1>.HttpRespo ...

  7. 运维开发笔记整理-Request对象与Response对象

    运维开发笔记整理-Request对象与HttpResponse对象 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.request对象 1>.什么是request 首先,我 ...

  8. 使用 JavaScript 中的 window 对象执行计时操作,完成一个抽奖程序

    查看本章节 查看作业目录 需求说明: 使用 JavaScript 中的 window 对象执行计时操作,完成一个抽奖程序 实现思路: 在 HTML 页面中放置背景图片.转盘和指针 3 张图片,并设置指 ...

  9. JavaScript权威设计--Window对象之Iframe(简要学习笔记十四)

    1.Window对象属性的文档元素(id) 如果在HTML文档中用id属性来为元素命名,并且如果Window对象没有此名字的属性,Window对象会赋予一个属性,它的名字是id属性的值,而他们的值指向 ...

  10. JavaScript权威设计--Window对象(简要学习笔记十三)

    1.Window对象是所有客户端JavaScript特性和API的主要接入点. Window对象中的一个重要属性是document,它引用Document对象. JavaScript程序可以通过Doc ...

随机推荐

  1. VS2008非托管C++调用wcf(WebService)服务

    在Visual Studio 2008以及以后版本中,微软停止了非托管C++的直接WebService引用.不过ATL Server代码已经托管到开源网站上,我们可以找到ATL Server的源代码, ...

  2. What is Webhook ( Introduction to Webhook )

    A webhook in web development is a method of augmenting or altering the behavior of a web page, or we ...

  3. 海量Web日志分析 用Hadoop提取KPI统计指标

    http://blog.fens.me/hadoop-mapreduce-log-kpi/ http://dongxicheng.org/search-engine/scribe-installati ...

  4. 用JLabel显示时间-- JAVA初学者遇到的一个困难

    问题:用一个JLabe,显示秒数,每过一秒数字自动减少1 问题看似很简单,但对初学JAVA的我来说,还真费了一点劲. 首先是如何即时,可以采用线程的方法: try { Thread.sleep(100 ...

  5. 九度 和为S的连续正数序列

    题目1354:和为S的连续正数序列 时间限制:2 秒 内存限制:32 兆 特殊判题:否 提交:2008 解决:622 题目描述: 小明很喜欢数学,有一天他在做数学作业时,要求计算出9~16的和,他马上 ...

  6. winform控件记录

    winform: --------------------------------------------------- Button控件: 属性: BackColor: 背景颜色 Backgroun ...

  7. python学习(一)

    1 python一切皆为对象,因为现实 包含了一系列的数据和操作这些数据的方法的一个整体,就叫作对象. 自行车 属性:手刹车,轮胎,脚踏板方法:如何前进的方法,控制停止的方法,控制方向 实际内容 男人 ...

  8. 【 D3.js 入门系列 — 4 】 如何使用比例尺( scale )

    上一章中使用了一个很重要的概念 — 比例尺( scale ),本节将解说其使用方法. 1. 最大值和最小值 在介绍比例尺( scale )之前,先介绍两个经常和比例尺一起出现的函数,在[第3章]中也出 ...

  9. main函数的参数问题 (转载)

    void main(int arg ,char *arv[]){} arg -- 命令行参数总个数arv[0] -- 参数1,程序名 arv[1] -- 参数2,字符串 arv[2] -- 参数3,字 ...

  10. Delphi_MemoryModule — load DLL from memory. Also includes hooking utilities.

    https://github.com/Fr0sT-Brutal/Delphi_MemoryModule