–1、浏览器对象模型(BOM)是JavaScript的组成之一,它提供了独立于内容与浏览器窗口进行交互的对象,使用浏览器对象模型可以实现与HTML的交互。Windows对象是整个BOM的核心,在浏览器中打开网页后,首先看到的是浏览器窗口,即顶层是window的对象;其次是网页文档的内容。
–2、使用BOM通常可以实现如下内容:
-1.弹出新的浏览器窗口
-2.移动、关闭浏览器窗口及调整窗口的大小
-3.在浏览器窗口中实现页面的前进,后退功能。
–3、常用的属性
-1.window对象的常用属性
history:有关客户访问过的URL的信息
location:有关当前URL的信息
screen:只读属性,包含有关客户端显示屏的信息
-2.在JavaScript中,属性的语法格式如下。
语法:
window.属性名=“属性值”;
–4、常用的方法
-1.window对象的常用方法
prompt():显示可提示用户输入的对话标准
alert():显示一个带有提示信息和一个"确定"按钮的警示对话框
confirm():显示一个带有提示信息、“确定"和"取消"按钮的对话框
close():关闭浏览器窗口
open():打开一个新的浏览器窗口,加载给定URL所指定的文档
setTimeout():在指定的毫秒数后调用函数或计算表达式
setInterval():按照指定的周期(以毫秒计)来调用函数或表达式
-2.在JavaScript中,方法的使用格式如下。
语法:
window.方法名();
-3.confirm()
confirm()将弹出一个确定对话框,语法格式如下。
语法:
window.confirm(“对话框中显示的纯文本”);
在confirm()弹出的确认对话框中,有一条提示信息,一个"确定”,一个"取消"按钮。如果用户单击"确定"按钮。则confirm()返回true;如果单击"取消"按钮,则confirm()返回false。
-4.prompt()方法和alert()方法的用法,与confirm()方法作用的不同之处
alert()只有一个参数. 仅显示警告对话框的消息,无返回值不能对脚本产生任何改变。
prompt()有两个参数. 是输入对话框用来提示用户输入一些信息,单击“取消”按钮则返回null单击确定按钮则返回用户输入的值常用于收集用户关于特定问题而反馈的信息。
confirm()只有一个参数 是确认对话框。显示提示对话框的消息"确定" 按钮和"取消"按钮返回true,单击"取消"按钮返回false,因此与if-else语句搭配使用。
-5、close()
close()方法用于关闭浏览器窗口,语法格式如下。
语法:
window.close();
-6、open()
在页面上弹出一个新的浏览器窗口,弹出窗口的语法格式如下。
语法:
window.open(“弹出窗口的url”,“窗口名称”,“窗口特征”)
open()方法通常用在打开一个网页弹出广告页面或网站的信息声明页面等。
–5、窗口的特征属性
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
–6、hiarory
-1.history对象提供用户最近浏览过的URL列表。但出于隐私方面的原因,history对象不再允许脚本访问已经访问过的实际URL,可以使用history对象提供的、逐个返回访问后的页面的方法
-2.history对象的方法
back():加载history对象列表中的前一个URL
forward():加载history对象列表中的后一个URL
go():加载history对象列表中的某个URL
–7、location对象
location对象提供当前页面的URL信息,并且可以重新装载当前页面或装载新页面
–8、location对象的属性
host:设置或返回主机名和当前URL的端口号
hostname:设置或返回URL和主机名
href:设置或返回完整的URL
–9、location对象的方法
reload():重新加载当前文档
replace():用新的文档替换当前文档
–10、document对象
-1.document对象的常用属性
referrer:返回载入当前文档的URL
URL:返回当前文档的RUL
-2.referrer的语法格式如下。
语法:
document.referrer
当前文档如果不是通过超链接访问,则document.referrer的值为null。
-3.URL的语法格式如下。
语法:
document.URL
–11、document对象的常用方法
getElementById():返回对拥有id的第一个对象的引用
getElementsByName():返回带有指定名称的对象的集合
getElementsByTagName():返回带有指定标签名的对象的集合
write():向文档写文本、HTML表达式后JavaScript代码
–12、JavaScript内置对象
-1.date:用于操作日期和时间
语法:
var 时间示例 = new Date(参数);
getDate():天数
getDay():星期
getHours():小时
getMinutes():分钟
getSeconds():秒数
getMonth():月份
getFullYear():年份
getTime():返回自某一时刻(1970年1月1日)以来的毫秒数
–13、定时函数
-1.setTimeout()
setTimeout()用于在指定的毫秒后调用函数或计算表达式。语法格式如下。
语法:
setTimeout(“调用的函数名称”,等待的毫秒数);
-2.setInterval()
setInterval()可按照指定的周期(以毫秒计)来调用函数或计算表达式。语法格式如下。
语法:
setInterval(“调用的函数名称”,周期性调用函数用函数之间间隔的毫秒性)
-3.clearTimeout()
clearTimeout()函数用来清除由setTimeout()函数设置的定时器,语法格式如下。
语法:
clearTimeout(setTimeout()返回的ID值);
clearInterval()函数用来清除由SetInterval()函数设置的定时器,语法格式如下。
语法:
clearInterval(setInterval()返回的ID值);