1、BOM:(Browser object model)浏览器对象模型
2、BOM提供了独立于内容的,可以于浏览器窗口进行交互的对象结构。
Window是整个BOM的核心
3、BOM可以实现的功能
- 弹出新的浏览器窗口
- 移动、关闭浏览器窗口以及调整窗口的大小
- 页面的前进、后退
window常用的属性
属性名称 | 说 明 |
history | 有关客户访问过的URL的信息 |
location | 有关当前 URL 的信息 |
代码如下:
window.localocation="http://www.baidu.com";
注释:如上可以跳转到百度页面
window常用的方法:
方法名称 | 说 明 |
prompt( ) | 显示可提示用户输入的对话框 |
alert( ) | 显示带有一个提示信息和一个确定按钮的警示框 |
confirm( ) | 显示一个带有提示信息、确定和取消按钮的对话框 |
close( ) | 关闭浏览器窗口 |
open( ) | 打开一个新的浏览器窗口,加载给定 URL 所指定的文档 |
setTimeout( ) | 在指定的毫秒数后调用函数或计算表达式 |
setInterval( ) | 按照指定的周期(以毫秒计)来调用函数或表达式 |
JavaScript中的三个弹窗:
alert():一个参数,仅显示警告对话框的消息,无返回值,不能对脚本产生任何改变
prompt( ):两个参数,输入对话框,用来提示用户输入一些信息,单击“取消”按钮则返回null,单击“确定”按钮则返回用户输入的值,常用于收集用户关于特定问题而反馈的信息
confirm( ):一个参数,确认对话框,显示提示对话框的消息、“确定”按钮和“取消”按钮,单击“确定”按钮返回true,单击“取消”按钮返回false,因此与if-else语句搭配使用
4、history对象
常用方法:
名称 | 说 明 |
back() | 加载 history 对象列表中的前一个URL |
forward() | 加载 history 对象列表中的下一个URL |
go() | 加载 history 对象列表中的某个具体URL |
注意:
history.back() ------- 等价于history.go(-1); 代表浏览器中的后退
history.forward() ----- 等价于history.go(1); 代表浏览器中的前进
5、location对象
常用属性:
名称 | 说 明 |
back() | 加载 history 对象列表中的前一个URL |
forward() | 加载 history 对象列表中的下一个URL |
go() | 加载 history 对象列表中的某个具体URL |
常用方法:
名称 | 说 明 |
reload() | 重新加载当前文档 |
replace() | 用新的文档替换当前文档 |
6、document对象
document常用属性:
名称 | 说 明 |
reload() | 重新加载当前文档 |
replace() | 用新的文档替换当前文档 |
语法如下:
document.referrer;
//返回载入当前文档的地址
document.url;
//返回当前文档的地址
注意:这两个方法都是可以返回一个地址,但是是有区别的,这里不作解释,自行百度!
document常用方法:
名称 | 说明 |
getElementById() | 通过id属性获得对象,id是唯一的 |
getElementsByTagName() | 通过标签名称获取对象,返回是一个集合(js中是数组),都是相同的元素! |
getElementsByName() | 通过指定名称获取对象,相同name属性,返回是一个集合 |
write() | 写入文档,HTML表达式,js代码等 |
7、JavaScript中的内置对象
- Array:数组,存值
- String:对字符串的处理
- Math:执行数学任务,其中包含数字常量,函数等。
- Date:可以操作日期和时间
Date对象:
语法如下:
var date=new Date(参数);
参数:YYYY,MM,DD,hh,mm,ss等
Date对象的定时函数:
setTimeout("调用自定义的函数","间隔的毫秒数"):每隔指定时间执行一次
setlnerval("调用自定义的函数","间隔的毫秒数"):指定时间执行函数一次
清除函数:
clearlnterval():用来停止setlnerval()方法执行的函数。
clearTimeout():用来停止setTimeout()方法执行的函数。
Date对象的运用:
daTime(); //自动执行
//时间函数
function daTime(){
var date=new Date(); //时间对象
var year=date.getFullYear(); //年
var mm=date.getMonth()+1; //月
var dd=date.getDate();//日
var hh=date.getHours();//时
//判断12小时制
if(hh>12){
hh=hh-12;
}
var min=date.getMinutes();//分
var ss=date.getSeconds();//秒
var day=date.getDay(); //星期天数
var week;
switch(day){ //对应的星期数
case 0:
week="星期日";
break;
case 1:
week="星期一";
break;
case 2:
week="星期二";
break;
case 3:
week="星期三";
break;
case 4:
week="星期四";
break;
case 5:
week="星期五";
break;
case 6:
week="星期六";
break;
default:
week="未知";
break;
}
var str=year+"年"+mm+"月"+dd+"日"+" "+hh+":"
+min+":"+ss+" "+"PM"+" "+week;
//获取id为dt的对象,进行赋值
document.getElementById("dt").innerHTML="<h3>"+str+"</h3>";
//间隔指定毫秒数执行daTie()函数
dateTime=setInterval("daTime()",1000);
}
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.62736 |