JavaScript高级操作 ------ BOM

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