一、BOM
Browser Object Model: 浏览器对象模型
(1)可以操作浏览器窗口及浏览器窗口中的控件(标签):即可以在JavaScript程序中操作标签
(2)实现页面和用户之间的动态交互
4、 浏览器对象模型:内置对象之间按照某种层次组织起来的结构
1、window对象:浏览器窗口对象,是BOM的核心,BOM的其他内置对象可以作为window的属性
4、history对象:历史对象。浏览器的访问记录,可以实现前进和后退。
5、navigator对象:浏览器对象,又称为浏览器的嗅探器。通过它可以得到浏览器的版本信息、名称、内核等信息
6、screen对象:屏幕对象。用于获取和屏幕有关的数据。例如屏幕分辨率
1、全局作用域:在javascript中定义的变量、函数及JavaScript的内置函数都可以被window对象调用
2、注意的问题:
(1)window对象的属性和方法的访问:window.属性名 / window.方法名() —- window可以省略
(2)在全局作用域中使用的this代表window对象
(3)若使用“window.变量名”访问某个未声明的变量时,该变量就是undefined
3、常用方法:
(1)alert(‘字符串’):弹出消息提示框(只有一个按钮)
(2)prompt(参数1,参数2):带输入的消息框
参数1:表示提示的字符串
参数2:表示输入框的默认值
当用户点击’确定’按钮时,函数返回用户输入的数据;当用户点击’取消’按钮时,不返回值
(3)confirm(参数):确认消息框
参数:表示提示字符串
当用户点击“确定”按钮时,返回true,点击“取消”按钮时,返回false
(4)open(url,name,spaces,replace):打开一个窗口。表示将url代表的页面在name窗口中打开
url:页面地址
name:表示窗口对象
_blank:在新窗口中打开页面
_self:在当前窗口中打开页面
_parent:表示在父框架中打开页面
spaces:表示窗口特征(大小、是否状态栏、是否有工具栏)
replace:默认值为true,表示是否替换默认条目
内联框架:ifrme
1、setTimeout(fn,times):间隔times毫秒后执行fn函数
参数fn:是一个函数
参数times:间隔的时间,单位是毫秒
函数的返回值是一个定时器对象
2、清除setTimeout创建的定时器
clearTimeout(定时器对象)
3、setInterval(fn,times):每间隔times毫秒后执行fn函数
4、clearInterval(定时器对象):清除setInterval创建的定时器
(1)单击事件名:click —- onclick
(2)页面加载事件名:load —- onload
(1)getElementById(标签的Id属性值):浏览器都支
(2)querySelector()
a、通过id选择:document.querySelector(‘#id’)
b、通过class选择:document.querySelector(‘.class’)
c、通过标签名选择:document.querySelector(‘标签名’)
(1)直接在标签中监听:
(2)在JavaScript程序中调用addEventListener函数来注册
控件名.addEventListener(‘事件名’,fn)
参数fn:是一个函数,表示事件处理程序
1、innerHTML属性:代表标签的html内容(代表起始标签和结束标签之间的内容)
练习:倒计时
2、input标签的value属性:
元旦倒计时