BOM展开SQL Server数据库算法

目录

1、BOM模型（浏览器对象模型(Browser Object Model)）

2、Window对象：

①Window对象的常用属性：

②Window对象的常用方法：

①confirm()方法：

②open()方法：

③Window对象的常用事件：

3、history对象

4、location对象

①常用属性：

②常用方法：

5、Document对象

①常用属性：

②常用方法

6、JavaScript内置对象

①Math对象

常用方法：

②Date对象

①常用方法：

②定时函数：

③清除函数：

---

1、BOM模型（浏览器对象模型(Browser Object Model)）

window是整个bom的核心。

BOM可实现功能

• 弹出新的浏览器窗口
• 移动、关闭浏览器窗口以及调整窗口的大小
• 页面的前进、后退

2、Window对象：

window对象是指整个窗口对象，可通过操作window对象的属性和方法控制窗口，例如，打开和关闭一个窗口。

bom模型中的history、location、documen对象，实际上都是window窗口对象的属性。

①Window对象的常用属性：

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

①属性的使用方法是：window.属性名="某个属性值"，例如：

window.location.href="www.baidu.com";//表示跳转到百度页面

②window对象是根对象，所以在使用window对象的属性和方法时，window可以省略。 

②Window对象的常用方法：

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

①confirm()方法：

confirm("对话框中显示的纯文本")；

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

③Window对象的常用事件：

名称	说      明
onload	一个页面或一幅图像完成加载
onmouseover	鼠标移到某元素之上
onclick	当用户单击某个对象时调用的事件句柄
onkeydown	某个键盘按键被 按下
onchange	域的内容被改变

3、history对象

浏览器访问过的历史页面对应history对象，通过history对象的属性和方法实现前进和后退的功能。

常用方法：

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

 

①history.back()等效于浏览器中的后退按钮

②history.forward()等效于浏览器中的前进按钮

③go(n)方法中的n是一个具体数字，

n>0时，装入历史列表中往前数的第n个页面；

n<0时，装入历史列表中往后数的第n个页面

n=0时，装入当前页面

4、location对象

浏览器的地址栏对应locat对象，通过locat对象的属性和方法控制页面跳转。

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

①常用属性：

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

②常用方法：

名称	说      明
reload()	重新加载当前文档（常用于刷新本页面）
replace()	用新的文档替换当前文档

5、Document对象

浏览器的网页内容对象document对象，通过documen对象的属性和方法，控制页面元素。

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

①常用属性：

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

②常用方法

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

getElementById()方法一般用于访问div、图片、表单元素、网页标签等，但要求访问对象的id是唯一的。

getElementsByName()方法一般用于访问一组name属性相同的元素，如具有相同name属性的复选框。

getElementsByTagName()方法是按标签来访问页面元素的，一般用于访问一组相同的元素，如一组<input>、一组图片等。

实例：制作复选框的全选/全不选效果

实例：模拟简易购物车页面

6、JavaScript内置对象

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

①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.6273608814137365

②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()	返回 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 对象的年份，其值为4位数
getTime()	返回自某一时刻（1970年1月1日）以来的毫秒数

实例：制作时钟特效（利用date对象的方法和window的定时函数实现）

②定时函数：

setTimeout("调用的函数",等待的毫秒数)

//1秒(1000毫秒)之后执行函数disptime()一次
var  myTime＝setTimeout("disptime() ", 1000 );

setInterval("调用的函数",周期性调用函数之间间隔的毫秒数)——按照指定周期执行函数

//每隔1秒(1000毫秒)执行函数disptime()一次
var  myTime＝setInterval("disptime() ", 1000 );

③清除函数：

clearTimeout(setTimeOut()返回的ID值)

var  myTime＝setTimeout("disptime() ", 1000 );
clearTimeout(myTime)；

clearInterval(setInterval()返回的ID值)

var  myTime＝setInterval("disptime() ", 1000 );
clearInterval(myTime)；

实例：对属性进行操作

实例：对样式进行操作