BOM——Location,History,弹出框,Timing

简介: Window History Backhistory.back() 方法加载历史列表中前一个 URL。等同于在浏览器中点击后退按钮。Window History Forwardhistory forward() 方法加载历史列表中下一个 URL。等同于在浏览器中点击前进按钮。
一、History
  1. Window History Back

history.back() 方法加载历史列表中前一个 URL。等同于在浏览器中点击后退按钮。

  1. Window History Forward

history forward() 方法加载历史列表中下一个 URL。等同于在浏览器中点击前进按钮。

二、弹出框
  1. 警告框

如果要确保信息传递给用户,通常会使用警告框。

当警告框弹出时,用户将需要单击“确定”来继续。

window.alert("sometext"); window.alert() 方法可以不带 window 前缀来写。
  1. 确认框

如果希望用户验证或接受某个东西,通常使用“确认”框。

当确认框弹出时,用户将不得不单击“确定”或“取消”来继续进行。

如果用户单击“确定”,该框返回 true。如果用户单击“取消”,该框返回 false。

语法 window.confirm("sometext");
window.confirm() 方法可以不带 window 前缀来编写。
  1. 提示框

如果希望用户在进入页面前输入值,通常会使用提示框。

当提示框弹出时,用户将不得不输入值后单击“确定”或点击“取消”来继续进行。

如果用户单击“确定”,该框返回输入值。如果用户单击“取消”,该框返回 NULL。

window.prompt("sometext","defaultText");
window.prompt() 方法可以不带 window 前缀来编写。
三、Timing
  1. setTimeout() 方法

      window.setTimeout(function, milliseconds);
      
      window.setTimeout() 方法可以不带 window 前缀来编写。
    
     **第一个参数是要执行的函数。
     第二个参数指示执行之前的毫秒数**。
     

    clearTimeout() 方法停止执行 setTimeout() 中规定的函数。

window.clearTimeout(timeoutVariable)
  1. setInterval() 方法

setInterval() 方法在每个给定的时间间隔重复给定的函数。

window.setInterval(function, milliseconds);
window.setInterval() 方法可以不带 window 前缀来写。

**第一个参数是要执行的函数。
第二个参数每个执行之间的时间间隔的长度。**

clearInterval() 方法停止 setInterval() 方法中指定的函数的执行。

window.clearInterval(timerVariable)
四、Location
  1. Window Location Href

window.location.href 属性返回当前页面的 URL

document.getElementById("demo").innerHTML = "页面位置是 " + window.location.href;
  1. Window Location 主机名

window.location.hostname 属性返回(当前页面的)因特网主机的名称。

document.getElementById("demo").innerHTML = "页面主机名是 " +
window.location.hostname;
  1. Window Location 路径名

window.location.pathname 属性返回当前页面的路径名

  1. window.location.protocol 属性返回页面的 web 协议
  2. window.location.port 属性返回(当前页面的)互联网主机端口的编号。
  3. window.location.assign() 方法加载新文档。
目录
相关文章
|
6月前
|
JavaScript
使用History和location(js的问题)
使用History和location(js的问题)
30 0
|
JavaScript
js节点、属性操作,计时器,location、history对象,常见键盘事件
js节点、属性操作,计时器,location、history对象,常见键盘事件
|
1月前
|
JavaScript 前端开发
JavaScript Window History
JavaScript Window History
12 1
|
JavaScript
vue项目在点击重复路由时报错(NavigationDuplicated: Avoided redundant navigation to current location)
vue项目在点击重复路由时报错(NavigationDuplicated: Avoided redundant navigation to current location)
116 2
|
前端开发
前端 window 和 window.location
前端 window 和 window.location
前端 window 和 window.location
|
XML JavaScript 前端开发
loadrunner 脚本录制-录制选项设置HTML-based URL-based Script
loadrunner 脚本录制-录制选项设置HTML-based URL-based Script
104 0
|
JavaScript 前端开发
History、Location
History 对象是 JavaScript 对历史记录进行封装的对象。History 对象的获取使用 window.history获取,其中window. 可以省略History 对象的函数。
77 0
History、Location
window.history对象
history:包含浏览器的浏览历史记录。使用的时候,可以不是红window的前缀。
77 0
|
JavaScript 前端开发
18、DOM对象(window、screen、location、history、navigation)
18、DOM对象(window、screen、location、history、navigation)
136 0
|
移动开发 JavaScript API
history对象和HTML5 History API
history对象和HTML5 History API