Window 对象表示浏览器中打开的窗口。Window 对象表示一个浏览器窗口或一个框架。

window属性

window.onload

window.onload=function(){SomeJavaScriptCode};

window方法

prompt()

prompt() 方法用于显示可提示用户进行输入的对话框 prompt(text,defaultText) text可选。要在对话框中显示的纯文本(而不是 HTML 格式的文本)。 defaultText可选。默认的输入文本。

  1. <script>
  2. /* 输入型的弹窗 */
  3. var test = window.prompt("请输入","hello world");
  4. console.log(test)
  5. </script>

alert()

alert() 方法用于显示带有一条指定消息和一个 OK 按钮的警告框。

语法:
alert(message)
message: 要在 window 上弹出的对话框中显示的纯文本(而非 HTML 文本)

confirm()

confirm() 方法用于显示一个带有指定消息和 OK 及取消按钮的对话框。 语法: confirm(message)

  1. <script>
  2. //
  3. /*
  4. window是全局对象,它有一些常见的方法
  5. alert()
  6. confirm()
  7. */
  8. // window.alert("hello world")
  9. var t = window.confirm("要不要")
  10. console.log(t)
  11. </script>

定时器

setTimeout()

setTimeout()超时调用 setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。 setInterval(code, milliseconds); code 必需。要调用一个代码串,也可以是一个函数。 milliseconds在执行代码前需等待的毫秒数。 clearTimeout()取消超时调用。

setInterval()

setInterval()间歇调用 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。 setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭. clearInterval() 取消间歇调用。 setInterval(code, milliseconds); code必需。要调用一个代码串,也可以是一个函数。 milliseconds必须。周期性执行或调用 code/function 之间的时间间隔,以毫秒计。

  1. <script>
  2. /* 超时调用
  3. 间隔一段时间触发,只会触发一次
  4. */
  5. setTimeout(function(){
  6. console.log("hello world")
  7. },2000)
  8. /*
  9. setInterval()间歇调用
  10. 每间隔一段时间,就会触发
  11. */
  12. setInterval(function(){
  13. console.log("1")
  14. },1000)
  15. </script>

clearInterval() 清除定时器

  1. <button id="btn">停止定时器</button>
  2. <script>
  3. /* 设置定时器的时候,会在window下挂载一个属性 */
  4. /*
  5. clearInterval() 清除定时器
  6. */
  7. var btn = document.getElementById("btn");
  8. var temp = setInterval(function(){
  9. console.log("2")
  10. },1000)
  11. btn.onclick = function(){
  12. clearInterval(temp);
  13. }
  14. </script>