Bom入门

简述

  Dom的全称是Browser Object Model,即浏览器对象模型,将浏览器的各个组成部分,封装成对象。

  Bom的组成:Window窗口对象、Navigator浏览器对象、Screen显示器对象、History历史记录对象、Location地址栏对象

Window对象

  window对象不需要创建可以直接使用,window.方法名使用,连window都可以省略,直接方法名();

弹出相关方法

  看到我们熟悉的alert了,alert就是window对象的方法,省略window调用,还需要了解的:

confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。
prompt() 显示可提示用户输入的对话框。

  confirm需要用户按确定或取消,若用户按了确定就会返回true,取消就会返回false

  prompt返回的就是用户输入的值的字符串

打开关闭相关方法

open() 打开一个新的浏览器窗口或查找一个已命名的窗口。
close() 关闭浏览器窗口。

  onen里面不传参就是一个空白页面,若传url就是打开指定url的窗口

  close指关掉当前window的窗口,本质是谁调用close就关闭谁

定时器相关方法

setTimeout() 在指定的毫秒数后调用函数或计算表达式。
clearTimeout() 取消由 setTimeout() 方法设置的 timeout。
setInterval() 按照指定的周期(以毫秒计)来调用函数或计算表达式。
clearInterval() 取消由 setInterval() 设置的 timeout。

  setTimeout()有两个参数,第一个参数是JS的代码片段或方法对象,第二个参数是一个毫秒值。这个方法的意思就是到这个毫秒值的时间就执行这些JS代码,注意只会执行一次。clearTimeout()很简单就是取消这个定时器。

  setInterval()其实就是个循环定时器,一直循环计数毫秒值然后运行JS代码,直到clearInterval()取消。

  需要注意的是两个取消方法传的参数就是设置计时器方法的返回值,他们的返回值就是一个唯一标识计时器的编号。

window对象的重要属性

  window对象的属性包含Bom其他对象,如果想要获取Bom对象,就可以通过window对象获取

  还有一个重要的属性是document对象,它是一个只读引用,它是一个文档对象

Location对象

  Location 对象包含有关当前 URL 的信息。

  Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问。

  可以通过window.location获取,或者直接省略window直接写location

Location的重要方法

  一个重要的方法reload(),用于重新加载文档

Location的重要属性  

  一个重要的属性href为浏览器当前完整的url,我们可以通过设置href属性来实现页面跳转

history对象

  History 对象包含用户(在浏览器窗口中)访问过的 URL。

  History 对象是 window 对象的一部分,可通过 window.history 属性对其进行访问。

  没有应用于 History 对象的公开标准,不过所有浏览器都支持该对象。

History的属性

  length返回当前窗口历史列表中的url数量

History的方法

back() 加载 history 列表中的前一个 URL。
forward() 加载 history 列表中的下一个 URL。
go() 加载 history 列表中的某个具体页面。

   需要注意的是go方法需要传入参数,正数就是前进几个页面,负数就是后退几个页面

 

一点一点积累,一点一点蜕变!
原文地址:https://www.cnblogs.com/qq2210446939/p/14772778.html