一、简介
BOM:浏览器对象模型(Browser Object Model)
提供了独立于内容,可以与浏览器窗口进行互动的对象结构。
二、可实现功能
1.弹出新的浏览器窗口
2.移动,关闭浏览器窗口以及调整窗口大小
3.页面的前进后退
三、window对象
1.常用属性
history
Window.history是一个只读属性,不存在赋值
有关客户访问过得URL的信息。
location
有关当前URL的信息
window.location="http://www.baidu.com";
2.常用方法
直接用,不需要 “ . ”
方法名称 | 说明 |
prompt( ) | 显示可提示用户输入的对话框 |
alert( ) | 显示带有一个提示信息和一个确定按钮的警示框 |
confirm( ) | 显示一个带有提示信息、确定和取消按钮的对话框 |
close( ) | 关闭浏览器窗口 |
open( ) | 打开一个新的浏览器窗口,加载给定 URL 所指定的文档 |
setTimeout( ) | 在指定的毫秒数后调用函数或计算表达式 |
setInterval( ) | 按照指定的周期(以毫秒计)来调用函数或表达式 |
四、history对象
需要用window.history来获取
1.常用的方法
名称 | 说 明 |
---|---|
back() | 加载 history 对象列表中的前一个URL |
forward() | 加载 history 对象列表中的下一个URL |
go() | 加载 history 对象列表中的某个具体URL |
五、location对象
需要用window.location来获取
1.常用属性
名称 | 说 明 |
---|---|
host | 设置或返回主机名和当前URL的端口号 |
hostname | 设置或返回当前URL的主机名 |
href | 设置或返回完整的URL |
2.常用方法
名称 | 说 明 |
---|---|
reload() | 重新加载当前文档 |
replace() | 用新的文档替换当前文档 |
window.location.replace("https://www.baidu.com");
六、js内置对象
1.Array
2.String
3.Math
方法 | 说 明 | 示例 |
---|---|---|
ceil() | 对数进行上舍入 | Math.ceil(25.5);返回26Math.ceil(-25.5);返回-25 |
floor() | 对数进行下舍入 | Math.floor(25.5);返回25Math.floor(-25.5);返回-26 |
round() | 把数四舍五入为最接近的数 | Math.round(25.5);返回26Math.round(-25.5);返回-26 |
random() | 返回0~1之间的随机数 | Math.random();例如:0.6273608814137365 |
var iNum=Math.floor(Math.random()*98+2)// 2~100随机数
4.Date
var today=new Date(); //返回当前日期和时间 var tdate=new Date("september 1,2013,14:58:12")
七、常用方法
方法 | 说 明 |
---|---|
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日)以来的毫秒数 |
1.定时函数
①setTimeout()
function timer(){ var t=setTimeout("alert('3 seconds')",3000); } //3秒后执行一次
②setInterval()
var myTime=setInterval("disptime() ", 1000 ); // 每1秒执行一次(重复执行)
2.清除函数
①clearTimeout()
var t=setTimeout("alert('3 seconds')",3000); clearTimeout(t);
②clearInterval ()
var myTime=setInterval("disptime() ", 1000 ); clearInterval(myTime);