JavaScript操作BOM对象（1）
事件：
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")
}