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>