JavaScript操作BOM

1.BOM：浏览器对象模型
独立于内容的、可以与浏览器窗口进行互动的对象结构

2.BOM可实现的功能
弹出新的浏览器窗口
移动，关闭浏览器窗口以及调整窗口的大小
页面的前进后退

3.window对象的常用属性
history        客户访问过的url信息
location        当前url的信息
语法
window.location="http://www.bdqn.cn";

4.window对象的常用方法

方法名称	说      明
prompt( )	显示可提示用户输入的对话框
alert( )	显示带有一个提示信息和一个确定按钮的警示框
confirm( )	显示一个带有提示信息、确定和取消按钮的对话框
close( )	关闭浏览器窗口
open( )	打开一个新的浏览器窗口，加载给定 URL 所指定的文档
setTimeout( )	在指定的毫秒数后调用函数或计算表达式
setInterval( )	按照指定的周期（以毫秒计）来调用函数或表达式

5.confirm方法
<script type="text/javascript">
   var flag=confirm("确认要删除此条信息吗？");
    if(flag==true)
          alert("删除成功！");
      else
           alert("你取消了删除");
</script>

6，alert，prompt，confirm区别
confirm()与alert ()、 prompt()区别
alert( )：一个参数，仅显示警告对话框的消息，无返回值，不能对脚本产生任何改变
prompt( )：两个参数，输入对话框，用来提示用户输入一些信息，单击“取消”按钮则返回null，单击“确定”按钮则返回用户输入的值，常用于收集用户关于特定问题而反馈的信息
confirm( )：一个参数，确认对话框，显示提示对话框的消息、“确定”按钮和“取消”按钮，单击“确定”按钮返回true，单击“取消”按钮返回false，因此与if-else语句搭配使用

7.open（）方法
window.open("弹出窗口的url","窗口名称","窗口特征”)

属性名称	说      明
height、width	窗口文档显示区的高度、宽度。以像素计
left、top	窗口的x坐标、y坐标。以像素计
toolbar=yes | no  |1 | 0	是否显示浏览器的工具栏。黙认是yes
scrollbars=yes | no  |1 | 0	是否显示滚动条。黙认是yes
location=yes | no  |1 | 0	是否显示地址地段。黙认是yes
status=yes | no  |1 | 0	是否添加状态栏。黙认是yes
menubar=yes | no  |1 | 0	是否显示菜单栏。黙认是yes
resizable=yes | no  |1 | 0	窗口是否可调节尺寸。黙认是yes
titlebar=yes | no  |1 | 0	是否显示标题栏。黙认是yes
fullscreen=yes | no  |1 | 0	是否使用全屏模式显示浏览器。黙认是no。处于全屏模式的窗口必须同时处于剧院模式

8.history对象

属性名称	说      明
height、width	窗口文档显示区的高度、宽度。以像素计
left、top	窗口的x坐标、y坐标。以像素计
toolbar=yes | no  |1 | 0	是否显示浏览器的工具栏。黙认是yes
scrollbars=yes | no  |1 | 0	是否显示滚动条。黙认是yes
location=yes | no  |1 | 0	是否显示地址地段。黙认是yes
status=yes | no  |1 | 0	是否添加状态栏。黙认是yes
menubar=yes | no  |1 | 0	是否显示菜单栏。黙认是yes
resizable=yes | no  |1 | 0	窗口是否可调节尺寸。黙认是yes
titlebar=yes | no  |1 | 0	是否显示标题栏。黙认是yes
fullscreen=yes | no  |1 | 0	是否使用全屏模式显示浏览器。黙认是no。处于全屏模式的窗口必须同时处于剧院模式

浏览器的后退histoty.back()等价于history.go(-1)
前进history.forword等价于history.go(-1)

9.location对象
属性

名称	说      明
host	设置或返回主机名和当前URL的端口号
hostname	设置或返回当前URL的主机名
href	设置或返回完整的URL

方法

名称	说      明
reload()	重新加载当前文档
replace()	用新的文档替换当前文档

10.document对象
属性

属性名称	说      明
referrer	返回载入当前文档的URL
URL	返回当前文档的URL

方法

名称	说      明
getElementById()	返回对拥有指定id的第一个对象的引用
getElementsByName()	返回带有指定名称的对象的集合
getElementsByTagName()	返回带有指定标签名的对象的集合
write()	向文档写文本、HTML表达式或JavaScript代码

11.JavaScript内置对象
Array：用于在单独的变量名中存储一系列的值
String：用于支持对字符串的处理
Math：用于执行常用的数学任务，它包含了若干个数字常量和函数
Date：用于操作日期和时间

12.Date对象
var  today=new Date();   //返回当前日期和时间
var tdate=new Date("september 1,2013,14:58:12");

方法	说 明
getDate()	返回 Date 对象的一个月中的每一天，其值介于1～31之间
getDay()	返回 Date 对象的星期中的每一天，其值介于0～6之间
getHours()	返回 Date 对象的小时数，其值介于0～23之间
getMinutes()	返回 Date 对象的分钟数，其值介于0～59之间
getSeconds()	返回 Date 对象的秒数，其值介于0～59之间
getMonth()	返回 Date 对象的月份，其值介于0～11之间
getFullYear()	返回 Date 对象的年份，其值为4位数
getTime()	返回自某一时刻（1970年1月1日）以来的毫秒数

13.定时函数
setTimeout（"调用的函数",毫秒数）
        var  myTime＝setTimeout("disptime() ", 1000 );
setInterval("调用的函数",间隔的毫秒数)
        var  myTime＝setInterval("disptime() ", 1000 );
如果要多次调用，使用setInterval()或者让disptime()自身再次调用setTimeout()

 14.清除定时函数
clearTimeout(setTimeOut()返回的ID值)
        var  myTime＝setTimeout("disptime() ", 1000 );
        clearTimeout(myTime)；
clearInterval(setInterval()返回的ID值)
        var  myTime＝setInterval("disptime() ", 1000 );
        clearInterval(myTime)；