javascript笔记整理(window对象)
浏览器对象模型 (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
- //格式范例
- setInterval('alert(1)',1000);
- ---------------------------
- var a=0;
- function chen(){
- alert(a);
- a++;
- };
- setInterval(chen,1000);
- -----------------------
- var a=0;
- function chen(){
- alert(a);
- a++;
- };
- setInterval('chen()',1000);
- ----------------------
- var a=0;
- setInterval(function(){
- alert(a);
- a++;
- },1000);
- //滚动条自动滚动,点击页面停止
- window.onload=function(){
- var t=setInterval(function(){
- window.scrollBy(0,100);
- },200);
- document.body.onclick=function(){
- clearInterval(t);
- }
- }
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对象)的更多相关文章
- javascript笔记整理(对象遍历封装继承)
一.javascript对象遍历 1.javascript属性访问 对象.属性名 对象['属性名'] var obj={name:'chen',red:function(){ alert(1);ret ...
- javascript笔记整理(对象的继承顺序、分类)
Object.prototype.say=function(){ alert("我是顶层的方法"); } children.prototype=new parent(); pare ...
- javascript笔记整理(对象基础)
一.名词解释 1.基于对象(一切皆对象,以对象的概念来编程) 2.面向对象编程(Object Oriented Programming,OOP) A.对象(JavaScript 中的所有事物都是对象) ...
- JavaScript中的window对象
JavaScript中的window对象:http://www.cnblogs.com/kissdodog/archive/2013/01/01/2841464.html
- 运维开发笔记整理-QueryDict对象
运维开发笔记整理-QueryDict对象 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 客户端发送数据请求有很多种,相信运维人员已经很清楚了,如果不太清楚的话可以参考我之前的学习笔 ...
- 运维开发笔记整理-JsonResponse对象
运维开发笔记整理-JsonResponse对象 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.使用HttpResponse发送json格式的数据 1>.HttpRespo ...
- 运维开发笔记整理-Request对象与Response对象
运维开发笔记整理-Request对象与HttpResponse对象 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.request对象 1>.什么是request 首先,我 ...
- 使用 JavaScript 中的 window 对象执行计时操作,完成一个抽奖程序
查看本章节 查看作业目录 需求说明: 使用 JavaScript 中的 window 对象执行计时操作,完成一个抽奖程序 实现思路: 在 HTML 页面中放置背景图片.转盘和指针 3 张图片,并设置指 ...
- JavaScript权威设计--Window对象之Iframe(简要学习笔记十四)
1.Window对象属性的文档元素(id) 如果在HTML文档中用id属性来为元素命名,并且如果Window对象没有此名字的属性,Window对象会赋予一个属性,它的名字是id属性的值,而他们的值指向 ...
- JavaScript权威设计--Window对象(简要学习笔记十三)
1.Window对象是所有客户端JavaScript特性和API的主要接入点. Window对象中的一个重要属性是document,它引用Document对象. JavaScript程序可以通过Doc ...
随机推荐
- VS2008非托管C++调用wcf(WebService)服务
在Visual Studio 2008以及以后版本中,微软停止了非托管C++的直接WebService引用.不过ATL Server代码已经托管到开源网站上,我们可以找到ATL Server的源代码, ...
- 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 ...
- 海量Web日志分析 用Hadoop提取KPI统计指标
http://blog.fens.me/hadoop-mapreduce-log-kpi/ http://dongxicheng.org/search-engine/scribe-installati ...
- 用JLabel显示时间-- JAVA初学者遇到的一个困难
问题:用一个JLabe,显示秒数,每过一秒数字自动减少1 问题看似很简单,但对初学JAVA的我来说,还真费了一点劲. 首先是如何即时,可以采用线程的方法: try { Thread.sleep(100 ...
- 九度 和为S的连续正数序列
题目1354:和为S的连续正数序列 时间限制:2 秒 内存限制:32 兆 特殊判题:否 提交:2008 解决:622 题目描述: 小明很喜欢数学,有一天他在做数学作业时,要求计算出9~16的和,他马上 ...
- winform控件记录
winform: --------------------------------------------------- Button控件: 属性: BackColor: 背景颜色 Backgroun ...
- python学习(一)
1 python一切皆为对象,因为现实 包含了一系列的数据和操作这些数据的方法的一个整体,就叫作对象. 自行车 属性:手刹车,轮胎,脚踏板方法:如何前进的方法,控制停止的方法,控制方向 实际内容 男人 ...
- 【 D3.js 入门系列 — 4 】 如何使用比例尺( scale )
上一章中使用了一个很重要的概念 — 比例尺( scale ),本节将解说其使用方法. 1. 最大值和最小值 在介绍比例尺( scale )之前,先介绍两个经常和比例尺一起出现的函数,在[第3章]中也出 ...
- main函数的参数问题 (转载)
void main(int arg ,char *arv[]){} arg -- 命令行参数总个数arv[0] -- 参数1,程序名 arv[1] -- 参数2,字符串 arv[2] -- 参数3,字 ...
- Delphi_MemoryModule — load DLL from memory. Also includes hooking utilities.
https://github.com/Fr0sT-Brutal/Delphi_MemoryModule