Dom的全称是Browser Object Model,即浏览器对象模型,将浏览器的各个组成部分,封装成对象。
Bom的组成:Window窗口对象、Navigator浏览器对象、Screen显示器对象、History历史记录对象、Location地址栏对象
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对象的属性包含Bom其他对象,如果想要获取Bom对象,就可以通过window对象获取
还有一个重要的属性是document对象,它是一个只读引用,它是一个文档对象
Location 对象包含有关当前 URL 的信息。
Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问。
可以通过window.location获取,或者直接省略window直接写location
一个重要的方法reload(),用于重新加载文档
一个重要的属性href为浏览器当前完整的url,我们可以通过设置href属性来实现页面跳转
History 对象包含用户(在浏览器窗口中)访问过的 URL。
History 对象是 window 对象的一部分,可通过 window.history 属性对其进行访问。
没有应用于 History 对象的公开标准,不过所有浏览器都支持该对象。
length返回当前窗口历史列表中的url数量
back() | 加载 history 列表中的前一个 URL。 |
forward() | 加载 history 列表中的下一个 URL。 |
go() | 加载 history 列表中的某个具体页面。 |
需要注意的是go方法需要传入参数,正数就是前进几个页面,负数就是后退几个页面
原文:https://www.cnblogs.com/qq2210446939/p/14772778.html