JavaScript操作BOM对象

事件：
1、onload:一个页面或一幅图像完成加载
οnlοad=“方法名（）”
直接完成加载页面或者图像
2、onlick：鼠标单击某个对象
οnclick=“方法名()”
鼠标可点击的超链接或者按钮
3、onmouseover：鼠标移到某元素上
οnmοuseοver=“over()”
鼠标放上去的效果
οnmοuseοut=“out()”
鼠标离开后的效果
function over(){
var a=document.getElementById(‘mouse’);
a.style.color=’#f00’;
a.style.fontSize=‘30px’;
// alert(‘鼠标放在超链接上面’);
}
function out(){
var a=document.getElementById(‘mouse’);
a.style.color=’#0f0’;
a.style.fontSize=‘18px’;
// alert(‘鼠标离开超链接’);
}
4、onkeydown：某个键盘按键被按下
5、onchange：域的内容被改变
select οnchange=“change()” id=“contry”>
option value=“中国”>中国</option
option value=“美国”>美国</option
option value=“韩国”>韩国</option
option value=“英国”>英国</option
</select
function change(){
var contry=document.getElementById(‘contry’);
alert(contry.selectedIndex+" “+contry.value);
}
选择后弹窗显示是第几个（从0开始）和名字
BOM：浏览器对象模型（Browser Object Model）
window对象
1、常用的属性：
history 有关客户访问过的URL的信息
location 有关当前 URL 的信息
语法：
window.属性名= “属性值”
跳转到百度首页
window.location=“http://www.baidu.com”;
2、常用方法
（1）prompt( ) 显示可提示用户输入的对话框
（2）alert( ) 显示带有一个提示信息和一个确定按钮的警示框
（3）confirm( ) 显示一个带有提示信息、确定和取消按钮的对话框
a href=“javascript:del()”>删除</a

function del(){
if(confirm(‘是否删除？’)){
alert(‘删除成功’)
}else{
alert(‘取消删除’)
}
}
confirm（）结果为 boolean 类型
（4）close( ) 关闭浏览器窗口
a href=“javascript:clo()”>关闭</a

function clo(){
close();
}
直接调用close（）方法，关闭当前页面
（5）open( ) 打开一个新的浏览器窗口，加载给定 URL 所指定的文档
a href=“javascript:dakai()”>打开新窗口</a
function dakai(){
open(“new11.html”,“新窗口”,“width=300px,height=300px,top=300px,left=800px”)
}
open（“窗口的url”，“窗口名称”，“窗口的特征”）
（6）setTimeout( ) 在指定的毫秒数后调用函数或计算表达式
（7）setInterval( ) 按照指定的周期（以毫秒计）来调用函数或表达式
history对象
常用方法：
back() 加载 history 对象列表中的前一个URL
forward() 加载 history 对象列表中的下一个URL
go() 加载 history 对象列表中的某个具体URL
history.back()==history.go(-1) 后退
history.forward()==history.go(1) 前进
举例：
1、a href=“back.html”>进入返回页面</a<br /
2、a href=“javascript:history.forward()”>前进</a<br /
3、a href=“javascript:history.go(1)”>前进1</a<br /
4、a href=“javascript:history.back()”>后退</a<br /
5、a href=“javascript:history.go(-1)”>后退1</a<br /
location对象
常用属性：
host 设置或返回主机名和当前URL的端口号
hostname 设置或返回当前URL的主机名
href 设置或返回完整的URL

举例：
a href=“javascript:test()”>location对象</a<br /
function test(){
document.write(location.host+"
");
document.write(location.hostname);
location.href=“back.html”;
}
进去back.html页面
常用方法：
reload() 重新加载当前文档
replace() 用新的文档替换当前文档

举例：
1、刷新页面
a href=“javascript:location.reload()”>刷新</a<br /
2、页面替换
a href=“javascript:location.replace(‘http://www.baidu.com’)”>新网页替换</a br />
Document对象
常用属性：
referrer 返回载入当前文档的URL
URL 返回当前文档的URL
语法：
document.referrer
document.URL
举例：
a href=“surprise.html”>马上去领奖了</a
在surprise.html页面中设置：
var preUrl=document.referrer;//获取载入当前文档的url
if(preUrl==""){
document.write("<h2您不是从领奖页面进入，5秒后跳转到百度页面</h2")
setTimeout(“javascript:location.href=‘http://www.baidu.com’”,5000);
}else{
document.write("<h2大奖快拿了！笔记本，数码相机</h2")
}
常用方法：
1、getElementById() 返回对拥有指定id的第一个对象的引用
2、getElementsByName() 返回带有指定名称的对象的集合
3、getElementsByTagName() 返回带有指定标签名的对象的集合
4、write() 向文档写文本、HTML表达式或JavaScript代码

如何写入：
document.getElementById(“color”).innerHTML=内容
Date对象
常用方法
var today=new Date();
var year=today.getFullYear();
var mon=today.getMonth()+1;
var day=today.getDate();
var hh=today.getHours();
var mm=today.getMinutes();
var ss=today.getSeconds();

获取当前时间：today.toLocaleString()
定时函数
3秒后执行：setTimeout(“alert(‘3’)”,3000);
每隔3秒执行一次：setInterval(“alert(‘3’)”,3000);
清除函数
clearTimeout(setTimeOut()返回的ID值)
示例：
var myTime＝setTimeout("disptime() ", 1000 );
clearTimeout(myTime)；

clearInterval(setInterval()返回的ID值)
示例：
var myTime＝setInterval("disptime() ", 1000 );
clearInterval(myTime)；
Math对象
1、ceil() 对数进行上舍入 Math.ceil(25.5);返回26
Math.ceil(-25.5);返回-25
2、floor() 对数进行下舍入 Math.floor(25.5);返回25Math.floor(-25.5);返回-26
3、round() 把数四舍五入为最接近的数 Math.round(25.5);返回26Math.round(-25.5);返回-26
4、random() 返回0~1之间的随机数 Math.random();例如：0.6273608814137365