JavaScript操作BOM对象
JavaScript操作BOM对象
window对象
BOM：浏览器对象模型
BOM提供了独立于内容的、可以与浏览器窗口进行互动的对象结构
功能：
1.弹出新的浏览器窗口
2.移动、关闭浏览器窗口及调整窗口的大小
3.在浏览器窗口中实现页面的前进、后退功能
- 常用的属性
Window对象的常用属性
|
名称 |
说明 |
|
history |
有关客户访问过的URL的信息 |
|
location |
有关当前URL的信息 |
|
screen |
只读属性，包含有关客户端显示屏幕的信息 |
window.属性名=”属性值”;
- 常用的方法
window对象的常用方法
|
名称 |
说明 |
|
prompt() |
显示可提示用户输入的对话框 |
|
alert() |
显示一个带有提示信息和一个”确定”按钮的警示对话框 |
|
confirm() |
显示一个带有提示信息、”确定”和”取消”按钮的对话框 |
|
close() |
关闭浏览器窗口 |
|
open() |
打开一个新的浏览器窗口，加载给定URL所指定的文档 |
|
setTimeout() |
在指定的毫米数后调用函数或计算表示式 |
|
setInterval() |
按照指定的周期(以毫秒计)来调用函数或表达式 |
Window.方法名();
history对象与location对象
- history对象
|
名称 |
说 明 |
|
back() |
加载 history 对象列表中的前一个URL |
|
forward() |
加载 history 对象列表中的下一个URL |
|
go() |
加载 history 对象列表中的某个具体URL |
- location对象
常用属性：
|
名称 |
说 明 |
|
host |
设置或返回主机名和当前URL的端口号 |
|
hostname |
设置或返回当前URL的主机名 |
|
href |
设置或返回完整的URL |
Location对象的方法：
|
名称 |
说 明 |
|
reload() |
重新加载当前文档 |
|
replace() |
用新的文档替换当前文档 |
document对象
- document对象的常用属性
|
属性 |
描述 |
|
referrer |
返回载入当前文档的url 常用在抽奖页面 |
|
url |
返回当前文档的url |
- document对象的常用方法
|
方法 |
描述 |
|
getElementById(参数) |
根据id获取一个元素 |
|
getElementsByName(参数) |
返回带有指定名称的对象的集合 |
|
getElementsByTagName(参数) |
返回带有指定标签名的对象的集合 |
|
write() |
向文档写文本、HTML表达式或者js代码 |
innerHTML是几乎所有的HTML元素都有的属性。它是一个字符串，用来设置或获取当前对象的开始标签和结束标签之间的HTML。
JavaScript内置对象
- Date对象
Date对象的方法
常用方法：
|
方法 |
说 明 |
|
getDate() |
返回 Date 对象的一个月中的每一天，其值介于1～31之间 |
|
getDay() |
返回 Date 对象的星期中的每一天，其值介于0～6之间 |
|
getHours() |
返回 Date 对象的小时数，其值介于0～23之间 |
|
getMinutes() |
返回 Date 对象的分钟数，其值介于0～59之间 |
|
getSeconds() |
返回 Date 对象的秒数，其值介于0～59之间 |
|
getMonth() |
返回 Date 对象的月份，其值介于0～11之间 |
|
getFullYear() |
返回 Date 对象的年份，其值为4位数 |
|
getTime() |
返回自某一时刻（1970年1月1日）以来的毫秒数 |
- Math对象
|
方法 |
说 明 |
示例 |
|
ceil() |
对数进行上舍入 |
Math.ceil(25.5);返回26 Math.ceil(-25.5);返回-25 |
|
floor() |
对数进行下舍入 |
Math.floor(25.5);返回25 Math.floor(-25.5);返回-26 |
|
round() |
把数四舍五入为最接近的数 |
Math.round(25.5);返回26 Math.round(-25.5);返回-26 |
|
random() |
返回0~1之间的随机数 |
Math.random();例如：0.6273608814137365 |
定时函数
常用定时函数
setTimeout()
语法：
setTimeout("调用的函数",等待的毫秒数)
示例：
var myTime＝setTimeout("time() ", 1000 );
1秒(1000毫秒)之后执行函数time()一次
setInterval()
语法：
setInterval("调用的函数",间隔的毫秒数)
示例：
var myTime＝setInterval("time() ", 1000 );
每隔1秒(1000毫秒)执行函数time()一次
注意：
如果要多次调用，使用setInterval()或者让disptime()自身再次调用setTimeout()
