JavaScript操作BOM对象

JavaScript操作BOM对象

BOM提供了独立于内容的、可以与浏览器窗口进行互动的对象结构

BOM可实现的功能

• 弹出新的浏览器窗口
• 移动、关闭浏览器窗口以及调整窗口的大小
• 页面的前进、后退

Window对象

常用属性

history	有关客户访问过的URL的信息
location	有关当前 URL 的信息

语法：

window.属性名= "属性值"

常用方法

prompt( )	显示可提示用户输入的对话框
alert( )	显示带有一个提示信息和一个确定按钮的警示框
confirm( )	显示一个带有提示信息、确定和取消按钮的对话框
close( )	关闭浏览器窗口
open( )	打开一个新的浏览器窗口，加载给定 URL 所指定的文档
setTimeout( )	在指定的毫秒数后调用函数或计算表达式
setInterval( )	按照指定的周期（以毫秒计）来调用函数或表达式

• **alert( )：**一个参数，仅显示警告对话框的消息，无返回值，不能对脚本产生任何改变
• **prompt( )：**两个参数，输入对话框，用来提示用户输入一些信息，单击“取消”按钮则返回null，单击“确定”按钮则返回用户输入的值，常用于收集用户关于特定问题而反馈的信息
• **confirm( )：**一个参数，确认对话框，显示提示对话框的消息、“确定”按钮和“取消”按钮，单击“确定”按钮返回true，单击“取消”按钮返回false，因此与if-else语句搭配使用
• open( )：打开弹出网页：window.open(“弹出窗口的url”,“窗口名称”,"窗口特征”)
• **close( )：**网页的关闭

history对象：

常用方法：

back( )	加载 history 对象列表中的前一个URL
forward( )	加载 history 对象列表中的下一个URL
go( )	加载 history 对象列表中的某个具体URL

location对象：

常用属性：

host	设置或返回主机名和当前URL的端口号
hostname	设置或返回当前URL的主机名
href	设置或返回完整的URL

常用方法：

reload()	重新加载当前文档
replace()	用新的文档替换当前文档

document对象的常用属性

referrer：如果当前文档不是通过超链接访问的，则document.referrer的值为null

URL语法：上网浏览某个页面时，由于不是由指定的页面进入的，因此系统将会提醒不能浏览本页面或者直接跳到其他页面，这样的功能实际上就是通过referrer属性来实现的

document对象的常用方法

getElementById()	返回对拥有指定id的第一个对象的引用
getElementsByName()	返回带有指定名称对象的集合
getElementsByTagName()	返回带有指定标签签名的对象的集合
write()	向文档写文本、HTML表达式或JavaScript代码

• getElementById()方法一般用于访问div、图片、表单元素、网页标签等，但要求访问对象的id是唯一的
• getElementsByName()方法与getElementById()方法相似，但它访问的是具有name属性的元素，由于一个文档中得到name属性可能不唯一，因此getElementsByName()方法一般用于访问一组相同name属性的元素，如：具有相同name属性的单选按钮、复选框等
• getElementsByTagName()方法是按标签来访问页面元素的，一般用于访问一组相同的元素，一组、一组图片等

JavaScript内置对象

• Date：用于操作日期和时间
• Array：用于在单独的变量名中存储一系列的值
• String：用于支持对字符串的处理
• Math：使我们有能力执行常用的数学任务，它包含了若干个数字常量和函数

Date对象

//语法：
var 日期示例=new Date（参数）；
//日期示例是存储Date对象的变量。可以省略参数，如果没有参数，则表示当前日期和时间
//参数是字符串格式”MM DD ,YYYY,hh:mm:ss“例如：
var tdate=new Date("July 15，2013，16：34：28")；

Date对象常用的方法

getDate（）	返回Date对象的一个月中的每一天，其值为1~31
getDay（）	返回对象的星期中的每一天，其值为0~6
getHours（）	返回Date对象的小时数，其值为0~23
getMinutes（）	返回Date对象的分钟数，其值为0~59
getSeconds（）	返回Date对象的秒数，其值为0~59
getMonth（）	返回Date对象的月份，其值为0~11
getFullYear（）	返回Date对象的年份，其值为四位数
getTime（）	返回自某一时刻（1970年1月1日）以来的毫秒数

• getFullYear（）返回四位数的年份，getYear（）返回二位或四位的年份，常用于获取年份getFullYear（）
• 获取星期几使用getDay（），0~6一次为周一至周天
• 各部分时间表示范围：除号数（一月中的每一天）外，其他均从0开始计数

Math对象

Math对象提供了许多与数学相关的功能，它是JavaScript的一个全局对象，不需要创建，直接作为对象使用就可以调用其属性和方法

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.1321414314 random（）方法返回的随机数包括0， 不包含1

常用定时函数

//1.setTimeout（）
setTimeout()//用于在指定的毫秒后调用函数或计算表达式
//语法：
setTimeout("调用的函数名称"，等待的毫秒数)

//2.setInterval（）
setInterval()//可按照指定周期（以毫秒记）来调用函数或计算表达式
//语法：
setInterval("调用的函数名称"，周期性调用函数之间间隔的毫秒数)

//3.clearTimeout（）和clearInterval（）
clearTimeout()//函数用来清除由setTimeout（）函数设置的定时器
//语法：
clearTimeout(setTimeout()返回的ID值)

clearInterval()//函数用来清除由setInterval（）函数设置的定时器
//语法：
clearInterval(setInterval()返回的ID值)