社区子网站群建设,深圳建设门户网站,网站设计技术,网站备案号收回BOM浏览器对象模型
浏览器对象模型#xff1a;将浏览器的各个组成部分封装成对象。是用于描述浏览器中对象与对象之间层次关系的模型#xff0c;提供了独立于页面内容、并能够与浏览器窗口进行交互的对象结构。
组成部分
Window#xff1a;浏览器窗口对象
Navigator…BOM浏览器对象模型
浏览器对象模型将浏览器的各个组成部分封装成对象。是用于描述浏览器中对象与对象之间层次关系的模型提供了独立于页面内容、并能够与浏览器窗口进行交互的对象结构。
组成部分
Window浏览器窗口对象
Navigator浏览器对象
Screen屏幕对象
History历史记录对象
Location地址栏对象Window窗口对象
window对象是一个全局对象因此可以直接使用全局对象的属性和方法而无须写出全局对象的对象名。 window对象在某种意义上代表了浏览器本身它包含了大量关于浏览器的属性
* Window对象不需要创建可以直接使用 window使用。 window.方法名();
* window引用可以省略。 方法名();1.常用属性 1. 获取其他BOM对象: history,location,Navigator,Screen
2. 获取DOM对象: document2.常用方法 3.常用方法详解
对话框方法
对话框是跟用户进行交流的一种形式对话框有提示、选择 和获取信息的功能。JavaScript提供了三种标准的对话框分别是弹出对话框、选择对话框和输入对话框。
方法描述alert()弹出一个只包含确定的对话框confirm()弹出一个包含【确定】和【取消】按钮的对话框如果单击 【确定】则返回true如果单击【取消】则返回falseprompt()弹出一个包含【确定】按钮、【取消】按钮和一个文本框的对话框可以接收用户输入的信息。如果单击【确定】则 返回文本框已有内容如果单击【取消】则返回null
窗口打开与关闭方法
方法描述open()打开一个新window对象 open(“URL”)表示要指定打开的窗口 open()方法会返回一个表示新窗口的window对象close()关闭调用close方法的window窗口对象
定时器方法
setInterval-----周期性的执行某一个函数
let id setInterval(方法对象, 毫秒值)
//会返回定时器的id值setTimeout-----延迟时间执行一次函数
let id setTimeout(方法对象, 毫秒值)
//会返回定时器的id值clearInterval()-----取消由 setInterval() 设置的 timeout
clearInterval(id);clearTimeout()-----取消由 setTimeout() 方法设置的 timeout。
clearTimeout(id);案例轮播图
!DOCTYPE html
html langenheadmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0title轮播图/title
/headbodyimg srcimage/banner_1.jpg idbanner width100%scriptlet num 1;setInterval(change, 3000);function change() {num;if (num 4) {num 1;}let str image/banner_ num .jpg;document.getElementById(banner).src str;}/script
/body/htmlLocation地址栏对象
常用方法
location.reload();//重新加载当前文档,刷新页面常用属性
获取地址
location.href
//作用跳转地址
location.href“www.baidu.com”案例自动跳转
!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0title跳转首页/titlestylep {text-align: center;font-size: 30px;}.time {color: red;}/style
/head
bodypspan classtime idtime5/span秒后自动跳转首页/pscriptlet count 5;let t document.getElementById(time);setInterval(change, 1000);function change() {count--;t.innerHTML count;if (count 1) {location.href https://www.baidu.com;}}/script
/body
/htmlHistory历史记录对象
history对象只是表示在当前页面下访问了几个窗体并不是指浏览器的历史记录
常用方法
* back() 加载 history 列表中的前一个 URL。
* forward() 加载 history 列表中的下一个 URL。
* go(参数) 加载 history 列表中的某个具体页面。
正数前进几个历史记录
负数后退几个历史记录常用属性
length 返回当前窗口历史列表中的 URL 数量。
