操作BOM

BOM的作用是将相关的元素组织包装起来，提供给程序设计人员使用，从而降低开发人员的劳动量，提高设计Web页面的能力。

整个window对象是整个BOM的核心。

通过BOM可实现的功能：

弹出新的浏览器窗口

移动、关闭浏览器及调整窗口大小

在浏览器窗口中实现页面的前进、后退

window对象常用属性

名称	说明
history	有个客户访问过的URL的信息
location	有关当前URL的信息
screen	只读属性，包含有关客户端显示屏幕的信息
document	文档

window.属性名=”属性值”;

window常用方法

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

window.方法名();

window对象是全局对象，所有可以省略window,直接写方法名:如alert();

alert()只是一个参数，用来提示

prompt()用来提示用户输入信息，单击取消，返回null,单击确定返回用户输入的值

confirm()确定返回true,取消返回flase

close()：window.close();

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

history对象提供最近浏览过的URL表。

名称	描述
back()	加载history对象列表中的前一个URL
forward()	加载history对象列表中的后一个URL
go()	加载histroy对象列表中的某个具体URL,(1)前进，(-1)后退，(0)刷新

location对象提供当前页面URL信息，并且可以重新装载当前页面或装入新页面

属性

名称	描述
host	设置或返回主机名和当前URL的端口号
hostname	设置或返回当前URL的主机名
href	设置或返回完整的URL,通过对属性设置不同网站，从而达到跳转功能

方法

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

document对象即是window对象的一部分，又代表了整个HTML文档，可用来访问页面中所有元素。

常用属性

属性	描述
referrer	返回载入当前文档的URL
URL	返回当前文档的URL

document.referrer;如果不是通过超链接访问的，则返回null

document.URL;

常用方法

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

JS内置对象：

Data：用于操作日期和时间

Array：单独的变量名中存储一系列的值

String：支持对字符串的处理

Math：使我们有能力执行常用数字任务，包含若干个数字常量和函数

创建实例：var 日期实例 = new Date(参数);

可以省略参数，如果没有参数，则表示当前时间和日期

日期格式(月 日,年,小时:分钟:秒)

常用方法

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

innerHtml在JS是双向功能：获取对象的内容 或 向对象插入内容；
如：<div
id="aa">这是内容</div> ，我们可以通过 document.getElementById('aa'). innerHtml 来获取id为aa的对象的内嵌内容；
也可以对某对象插入内容，如
document.getElementById('abc'). innerHtml='这是被插入的内容'; 这样就能向id为abc的对象插入内容。

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.floor(25.5);返回26 Math.floor(-25.5);返回-26
random()	返回0~1中的随机数	包括0不包括1

返回0~100，var iNum = Math.floor(Math.random()*100+1);

定时器：

setTimeout(“调用的函数名称”,等待的毫秒数)；

用于在指定的毫秒数后调用函数或计算表达式

setInterval(“调用的函数名称”,周期性调用函数之间间隔的毫秒数)

可按照指定的周期(以毫秒计)来调用函数或计算表达式，会不停调用函数，直到窗口被关闭或其它地方强制停止。

clearTimeout()函数用来清除setTimeout()函数设置的定时器

clearTimeout
(setTimeout()返回的ID值);

clearInterval函数用来清除由SetInterval()函数设置的定时器

clearInterval
(setInterval()返回的ID值);

关闭定时器

clearTimeout(定时器名);

使用外部样式

onload
= function(){

dom.className="类样式名称,类样式名称";

}

input打头的都是表单元素，必须有name属性，就可以提交到服务器

window.onload会等待代码完全执行完毕后执行