HTML BOM

HTML BOM

window对象

操作窗口

方法	示例	说明
moveBy	moveBy(20,20)	将窗口向右向下移动20像素
moveTo	moveTo(0,0)	将窗口移动到左上角
resizeBy	resizeBy(15,10)	将窗口相对增大15*10
resizeTo	resizeTo(450,350)	将窗口大小改为450*350

打开新窗口

window.open(URL,窗口名,特性字符串)

特性	值	对窗口的影响
directories	yes/no 或 1/0	是否有地址栏按钮
height	整数值	窗口高度，大于100
location	yes/no 或 1/0	是否有地址栏
menubar	yes/no 或 1/0	是否菜单栏
resizable	yes/no 或 1/0	是否可以更改窗口大小
scrollbars	yes/no 或 1/0	是否有滚动条
status	yes/no 或 1/0	是否有状态栏
toolbar	yes/no 或 1/0	是否有工具栏
width	整数值	窗口宽度，大于100

交互窗口

alert()

​ 弹出一个提示框

​ 使用：alert(“文本字符串”);

prompt()

​ 弹出可以输入信息的文本框

​ 参数：用户输入信息的提示,本框的默认值

​ 使用：prompt(message,defaultText);

confirm()

​ 弹出对话框，确认信息

​ 使用：confirm(message);

定时器

Timeout

setTimeout函数

让函数在一定时间内重新执行，递归调用，如果不递归调用则仅执行一次

setTimeout(函数名,时间间隔,重复次数);

时间间隔：毫秒为单位

重复次数：大于0的整数

var timeId = setTimeout("hello()",2000);

clearTimeout函数

清除设置的setTimeout函数

clearTimeout(timeId);

Interval

setInterval函数

让函数在一定时间内重新执行，外部调用

setInterval(函数名,时间间隔);

时间间隔：毫秒为单位

var timeId = setInterval("hello()",2000);

clearInterval函数

清除设置的setInterval函数

clearInterval(timeId);

状态栏

status 窗口底部边界内的区域，向用户显示信息

使用window对象的属性设置status的值

window.status = “文本字符串”;

history对象

历史 用户访问过的站点的列表

属性：length

方法：go()、back()、forward()只对已经访问过的页面有效

history.go(-3);//向后返回三个访问过的页面

histroy.go(3);//向前返回三个访问过的页面

back();//与history.go(-1);功能相同

forward();//与history.go(1);功能相同

location对象

属性	说明
hash	指定浏览器到一个位于文档中的anchor位置（#之后）
host	描述一个url的主机名和端口
hostname	url的主机名
href	一个指定对象的整个url字符串
pathname	url的路径名部分由于服务器root（根）卷相关的目录结构组成
port	端口号
protocol	包括协议名，后面跟着 :

方法	说明
assign(“url”)	把一个新的url赋值给location对象，页面跳转
reload()	重新加载当前页
replace(“url”)	通过加载 URL 指定的文档来替换当前文档

navigator对象

属性	说明
appCodeName	浏览器代码名
appName	浏览器名称
appVersion	浏览器版本
mimeTypes	MIME类型（navigator.mimeTypes[n].type）
platform	浏览器操作系统
browserLanguage	浏览器使用的语言
userAgent	浏览器用户代理（用户浏览器Header头信息）

screen对象

属性	说明
width	返回屏幕宽度（像素数）
height	返回屏幕高度
availWidth	返回屏幕的可用宽度（除去一些不自动隐藏的类似任务栏的东西所占用的宽度
availHeight	返回屏幕的可用高度
colorDepth	返回当前颜色设置所用的位数，-1：黑白；8：256色；16：增强色；24/32：真彩色

document对象

集合	说明
anchors	页面中所有锚的集合（由表示）
applets	页面中所有applet的集合
embeds	页面中所有潜入对象的集合（由标记表示
forms	页面中所有表单的集合
images	页面中所有图像的集合
links	页面中所有链接的集合（由表示）

方法

详见HTML DOM