AI智能
改变未来

JavaScript操作BOM对象

BOM模型:浏览器对象模型(Browser Object Model):{

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

2)BOM可实现功能

弹出新的浏览器窗口

移动、关闭浏览器窗口以及调整窗口的大小

页面的前进、后退

}

window对象:{

常用的属性:{

history:有关客户访问过的URL的信息

location:有关当前URL的信息

}

语法:window.属性名= \”属性值\”

window.location=\”http://www.baidu.com\” ; 

常用的方法:{

prompt():显示可提示用户输入的对话框

alert( ):显示带有一个提示信息和一个确定按钮的警示框

confirm( ):显示一个带有提示信息、确定和取消按钮的对话框 

close( ):关闭浏览器窗口

open( ):打开一个新的浏览器窗口,加载给定 URL 所指定的文档

setTimeout( ):在指定的毫秒数后调用函数或计算表达式

setInterval( ):按照指定的周期(以毫秒计)来调用函数或表达式

confirm():{将弹出一个确认对话框

}

open()方法:{

window.open(\”弹出窗口的url\”,\”窗口名称\”,\”窗口特征”)

}

}

history对象:{

back():加载 history 对象列表中的前一个URL

forward():加载 history 对象列表中的下一个URL

go():加载 history 对象列表中的某个具体URL

}

history对象:{

常用属性:{

host:设置或返回主机名和当前URL的端口号

hostname:设置或返回当前URL的主机名

href:设置或返回完整的URL

}

常用方法:{

reload():重新加载当前文档

replace():用新的文档替换当前文档

}

}

Document对象:{

referrer:返回载入当前文档的URL

URL:返回当前文档的URL

document.referrer

document.URL

}

Document对象的常用方法:{

getElementById():返回对拥有指定id的第一个对象的引用(对象的id唯一)

getElementsByName():返回带有指定名称的对象的集合(相同name属性)

getElementsByTagName():返回带有指定标签名的对象的集合(形同元素)

write():向文档写文本、HTML表达式或JavaScript代码

}

}

JavaScript内置对象:{

Array:用于在单独的变量名中存储一系列的值

String:用于支持对字符串的处理

Math:用于执行常用的数学任务,它包含了若干个数字常量和函数

Date:用于操作日期和时间

var 日期对象=new Date(参数)

参数格式:MM  DD,YYYY,hh:mm:ss

var  today=new Date();   //返回当前日期和时间 var tdate=new Date(\”september 1,2013,14:58:12\”);

Date对象的方法:{

制作时钟特效:

使用Date对象的方法显示当前时间的小时、分钟和秒

}

Math对象:{

如何实现返回的整数范围为2~99?

var iNum=Math.floor(Math.random()*98+2);

}

定时函数:{

setTimeout():setTimeout(\”调用的函数\”,等待的毫秒数)

var  myTime=setTimeout(\”disptime() \”, 1000 );

1秒(1000毫秒)之后执行函数disptime()一次

注:延迟函数的执行时间

setInterval():setInterval(\”调用的函数\”,间隔的毫秒数)

var  myTime=setInterval(\”disptime() \”, 1000 );

每隔1秒(1000毫秒)执行函数disptime()一次

如果要多次调用,使用setInterval()或者让disptime()自身再次调用setTimeout()

}

清除函数:{

clearTimeout():clearTimeout(setTimeOut()返回的ID值)

示例:var  myTime=setTimeout(\”disptime() \”, 1000 ); clearTimeout(myTime)

clearInterval ():clearInterval(setInterval()返回的ID值)

示例:var  myTime=setInterval(\”disptime() \”, 1000 ); clearInterval(myTime);

}

总结:{

}

赞(0) 打赏
未经允许不得转载:爱站程序员基地 » JavaScript操作BOM对象