web学习记录-JS-14

Posted 2021-02-04 xihuanjiuquqiqang

BOM　　浏览器对象模型

　　可以使我们通过JS操作浏览器，

　　提供了一组对象，来操作浏览器

　　　　window　　代表整个浏览器的窗口，同时window也是网页中的全局对象；

　　　　Navigator　 代表的当前浏览器的信息，通过该对象可以来识别不同的浏览器；

　　　　Location　　代表当前浏览器的地址信息栏，可以或许地址栏信息，或者操作浏览器跳转页面；

　　　　History　　   代表浏览器的历史记录，可以通过该对象来操作浏览器的历史记录；

　　　　　　　　　　不能访问具体历史记录，只能操作浏览器向前或向后，而且只能当次访问有效；

　　　　Screen　　   代表用户的屏幕信息，通过该对象可以获取到用户的显示器的相关信息；

在浏览器中都是作为window对象的属性保存的，可以通过window对象来使用；

 

Navigator　　一般userAgent来判断浏览器的信息；是一个字符串，含有用来描述浏览器信息的内容，不同的浏览器会有不同的userAgent；

　　　　　　还可以通过一些浏览器特有的对象，来判断浏览器的信息，比如ActiveXObject； "ActiveXObject" in window；

History　　可以操作页面向前向后；

　　　　　length属性，可获取当前访问的连接数量，当次有效；

　　　　　back（）方法，可以用来回退到上一个页面；作用和浏览器的回退按钮一样；

　　　　 　forward（）方法　　可以跳转到下一个页面；作用和浏览器的前进按钮一样；

　　　　　go（）方法　　可以跳转到指定的页面；需要一个整数作为参数，1，表示向前跳转一个页面，等同forward（）2，向前跳转两个页面 ，-1表示向后跳转一个页面；

Location　　封装了浏览器地址栏中的信息；

　　　　　　如果直接将location属性修改为一个完整的路径，或者相对路径，则我们页面会跳转到该路径，并生成历史记录；

　　　　　　assign（）跳转到其他页面，作用跟直接修改一样；生成历史记录；

　　　　　　reload（）重新加载当前页面；如果传递参数 true，则会强制清空缓存刷新页面；

　　　　　　replace（）可以使用一个新的页面替换当前页面；不会生成历史记录；

　　　　　　

定时调用

　　setInterval（）定时调用，可以将一个函数，每隔一段时间执行一次；

　　　　　　　　参数，1，回调函数，该函数每隔一段时间执行一次；2，每次调用间隔的时间，单位是毫秒；

　　　　　　　　返回值；一个Number的数据；用来作为定时器的唯一标识；

　　clearInterval（）可以用来关闭一个定时器；需要一个定时器的标识，会关闭标识对应的定时器；