前端缺查补漏7day

发布于 2023-03-13  594 次阅读


BOM(browser object model) 浏览器对象模型

window

window是浏览器的一个实例,在浏览器中window对象有双重角色,它既是js访问浏览器窗户口的一个接口,又是ECMAscript规定的Global对象;

window对象的方法

  • window.alert("content"):显示带有一段消息和一个确认按钮的警告框;
  • window.confirm("message"):显示一个带有指定消息的和OK及取消按钮的对话框;返回值为:布尔值;
  • window.prompt("text,defaultText");text:要在对话框中显示的纯文本;defaultText:默认得到输入文本,返回值:用户单击取消按钮返回null;单击确认按钮返回输入字段当前显示的文本;
  • window.open(pageURL,name,parameters):打开一个新的浏览窗口或查找一个已命名的窗口;pageURL:子窗口路径 name:子窗口句柄 parameters:窗口参数(各参数用逗号分隔);

window.close():关闭浏览器窗口;

超时调用

setTimeout(code.millisec);

功能:在指定毫秒数后调用函数或计算表达式;

说明:code:要调用的函数或要执行的js代码串;millisec:在执行代码前需要等待的毫秒数;

它只执行一次;

清楚超时调用

clearTimeout(id_of_settimeout);

功能:取消由setTimeout()方法设置的timeout;

id_of_settimeout:由setTimeout()返回的ID值,该标识要取消的延迟执行代码块;

间歇调用

setInterval(code,millisec);

功能:每个指定的时间执行一次代码;

说明:code:要调用的函数或要执行的代码串;millisec:周期性执行或调用code之间的时间间隔,以毫秒计;

location对象

location对象提供了与当前窗口中加载的文档有关的信息,还提供了一些导航功能,它既是window属性,也是document对象属性。

  • location.href:返回当前加载页面的完整URL;location.href与window.location.href等价;
  • location.hash:返回URL中的hash(#号后跟零或多个字符),如果不包含则返回空字符串。
  • location.host:返回服务器名称和端口号(如果有);
  • location.hostname:返回不带端口号和服务器名称;
  • location.pathname:返回URL中的目录和(或)文件名;
  • location.port:返回URL中指定的端口号,如果没有,返回空字符串。
  • location.protocol:返回页面使用的协议;
  • location.serach:返回URL中的查询字符串,这个字符串以?开头;

位置操作

改变浏览器位置的方法:

  • location.href属性;location对象其他属性也可以改变URL:location.hash、location.search;
  • location.replace(URL):重定向URL,不会在历史记录生成新纪录。
  • location.reload():重新加载当前页面;location.reload()有可能从缓存中加载;location.reload(true)从服务器重新加载;

history对象

history.back():回到历史记录的上一步;相当于history.go(-1);

history.forward():回到历史记录的下一步;相当于history.go(1);

history.go(-n):回到历史记录的前n步;

history.go(n):回到历史记录的后n步;

Screen对象

screen.availWidth:返回可用的屏幕宽度;

screen.availHeight:返回可用的屏幕高度;

Navigator对象

Navigetor.UserAgent:用来识别浏览器名称、版本、引擎、及操作系统等信息的内容。

  • alipay_img
  • wechat_img
届ける言葉を今は育ててる
最后更新于 2023-03-13