BOM模型
BOM：浏览器对象模型（Browser Object Model）
BOM提供了独立于内容的、可以与浏览器窗口进行互动的对象结构
BOM可实现功能
弹出新的浏览器窗口
移动、关闭浏览器窗口以及调整窗口的大小
页面的前进、后退
window对象
window对象常用的属性;
//history可以对页面进行前进后退的操作
//通过location拿到对象的信息同时可以直接设定
语法
window.属性名= "属性值"
示例
window.location="http://www.bdqn.cn" ; //表示跳转到北大青鸟首页
window对象的常用方法：
confirm()方法：
confirm()：将弹出一个确认对话框
语法：
confirm()与alert ()、 prompt()区别
alert( )：一个参数，仅显示警告对话框的消息，无返回值，不能对脚本产生任何改变
prompt( )：两个参数，输入对话框，用来提示用户输入一些信息，单击“取消”按钮则返回null，单击“确定”按钮 则返回用户输入的值，常用于收集用户关于特定问题而反馈的信息
confirm( )：一个参数，确认对话框，显示提示对话框的消息、“确定”按钮和“取消”按钮，单击“确定”按钮返回 true，单击“取消”按钮返回false，因此与if-else语句搭配使用
open()方法：
语法：
窗口特征：
history对象:
常用方法:
history.back() 等价于 history.go(-1) 浏览器中的“后退”
history.forward() 等价于 history.go(1) 浏览器中的“前进”
location对象
Document对象
常用属性
|
名称 |
说 明 |
|
referrer |
返回载入当前文档的URL |
|
URL |
返回当前文档的URL |
语法
document.referrer //之前页面的地址
document.URL //当前页面的地址
Document对象应用：
判断页面是否是链接进入
自动跳转到登录页面
var preUrl=document.referrer; //载入本页面文档的地址
if(preUrl==""){
document.write("<h2>您不是从领奖页面进入，5秒后将自动
跳转到登录页面</h2>");
setTimeout("javascript:location.href='login.html'",5000);
}
Document对象的常用方法
Document对象访问页面元素
动态改变层、标签中的内容
访问相同name的元素
访问相同标签的元素
动态改变层、标签中的内容
访问相同name的元素
document.getElementById("book").innerHTML="现象级全球畅销书";
var aInput=document.getElementsByTagName("input");
var sStr="";
for(var i=0;i<aInput.length;i++){
sStr+=aInput[i].value+" ";
}
document.getElementById("replace").innerHTML=sStr;
document对象 总结
属性：
referrer //可用来返回来源页面
URL
方法：
gerElementByid() //可用来更改指定ID对象的内容
gerElementsTagByname() //返回带有指定边标签名的对象的集合。可用来取所有指定标签名的内容
gerElementsByname() //返回带有指定名称的对象的集合。可用来获取指定名称的值
write() //向文档写文本，html表达式
JavaScript内置对象
Array：用于在单独的变量名中存储一系列的值
String：用于支持对字符串的处理
Math：用于执行常用的数学任务，它包含了若干个数字常量和函数
Date：用于操作日期和时间
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对象的方法：
常用方法
//getDate() 拿到一个月中的每一天1~31之间 today.getDate()
//getDay() 拿到星期的中的一天0~6之间 周日是0 周一是1 依次，，，
//getHours() 小时
//getMinutes() 分钟
//getSeconds() 秒
//getMonth() 拿到一年中月份0~11之间(经过加1处理)
//getFullYears() 拿到年份 值为四位数
//getTime() 自某一时刻（1970年1月1日） 以来的毫秒数
//toLocaleTimeString()
// toLocaleDateString()
制作时钟特效
使用Date对象的方法显示当前时间的小时、分钟和秒
示例：
function disptime(){
var today = new Date();
var hh = today.getHours();
var mm = today.getMinutes();
var ss = today.getSeconds();
document.getElementById("myclock").innerHTML="现在是:"+hh +":"+mm+": "+ss;
}
disptime();
Math对象
常用发法
//random() 返回的是0~1之间的随机数 要进行上舍入ceil()
随机选择颜色
示例 //颜色0~6
function selColor(){
var color=Array("红色","黄色","蓝色","绿色","橙色","青色","紫色");
var num=Math.ceil(Math.random()*7)-1;
document.getElementById("color").innerHTML=color[num];
}
定时函数
setTimeout() //只执行一次
语法
setTimeout("调用的函数",等待的毫秒数)
示例：
setInterval() //周期性函数，按周期执行
语法
setInterval("调用的函数",间隔的毫秒数)
清除函数
clearTimeout()
语法：clearTimeout(setTimeOut()返回的ID值)
示例：
var myTime＝setTimeout("disptime() ", 1000 );
clearTimeout(myTime)；
clearInterval ()
语法：clearInterval(setInterval()返回的ID值)
示例：
var myTime＝setInterval("disptime() ", 1000 );
clearInterval(myTime)；
总结