JavaScript操作BOM

一、BOM是什么？

BOM：浏览器对象模型（Browser Object Model）
BOM提供了独立于内容的、可以与浏览器窗口进行互动的对象结构

二、history与location

1.简述

属性名称	说明
history	有关客户访问过的URL的信息
location	有关当前 URL 的信息

语法：
window.属性名= “属性值”

window.location="https://www.baidu.com" ;      

2.history

名称	说 明
back()	加载 history 对象列表中的前一个URL
forward()	加载 history 对象列表中的下一个URL
go()	加载 history 对象列表中的某个具体URL

// 后退
history.back();
// 前进
history.forward();

// 与上方等价

// 后退
history.go(-1)
// 前进
history.go(1) 

3.location

常用属性

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

常用方法

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

三、window对象的常用方法

1.方法简述

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

2.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。处于全屏模式的窗口必须同时处于剧院模式

四、document对象

1.常用属性

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

document.referrer;
document.URL;

//载入本页面文档的地址
var preUrl=document.referrer;
// 判断是否为直接访问
if(preUrl==""){	
      document.write("<h2>5秒后将自动跳转到登录页面</h2>");
      setTimeout("javascript:location.href='login.html'",5000);
}

2.常用方法

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

五、Date对象

var 日期对象=new Date(参数)
参数格式：MM DD,YYYY,hh:mm:ss

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日）以来的毫秒数

function disptime(){
	var today = new Date();  
	var hh = today.getHours(); 
	var mm = today.getMinutes();
	var ss = today.getSeconds();
}

附加：（windows中的方法，可在标题四中查看）
setTimeout( ) |在指定的毫秒数后调用函数或计算表达式setTimeout(表达式名字,毫秒数）
setInterval( ) |按照指定的周期（以毫秒计）来调用函数或表达式setInterval(表达式名字,毫秒数）

六、JavaScript内置对象

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