Window 对象表示浏览器中打开的窗口。Window 对象表示一个浏览器窗口或一个框架。
window属性
window.onload
window.onload=function(){SomeJavaScriptCode};
window方法
prompt()
prompt() 方法用于显示可提示用户进行输入的对话框 prompt(text,defaultText) text可选。要在对话框中显示的纯文本(而不是 HTML 格式的文本)。 defaultText可选。默认的输入文本。
<script>/* 输入型的弹窗 */var test = window.prompt("请输入","hello world");console.log(test)</script>
alert()
alert() 方法用于显示带有一条指定消息和一个 OK 按钮的警告框。
语法:
alert(message)
message: 要在 window 上弹出的对话框中显示的纯文本(而非 HTML 文本)
confirm()
confirm() 方法用于显示一个带有指定消息和 OK 及取消按钮的对话框。 语法: confirm(message)
<script>///*window是全局对象,它有一些常见的方法alert()confirm()*/// window.alert("hello world")var t = window.confirm("要不要")console.log(t)</script>
定时器
setTimeout()
setTimeout()超时调用 setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。 setInterval(code, milliseconds); code 必需。要调用一个代码串,也可以是一个函数。 milliseconds在执行代码前需等待的毫秒数。 clearTimeout()取消超时调用。
setInterval()
setInterval()间歇调用 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。 setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭. clearInterval() 取消间歇调用。 setInterval(code, milliseconds); code必需。要调用一个代码串,也可以是一个函数。 milliseconds必须。周期性执行或调用 code/function 之间的时间间隔,以毫秒计。
<script>/* 超时调用间隔一段时间触发,只会触发一次*/setTimeout(function(){console.log("hello world")},2000)/*setInterval()间歇调用每间隔一段时间,就会触发*/setInterval(function(){console.log("1")},1000)</script>
clearInterval() 清除定时器
<button id="btn">停止定时器</button><script>/* 设置定时器的时候,会在window下挂载一个属性 *//*clearInterval() 清除定时器*/var btn = document.getElementById("btn");var temp = setInterval(function(){console.log("2")},1000)btn.onclick = function(){clearInterval(temp);}</script>
