<script type="text/javascript">
function ytPrint(){
result = ''
for(x=0;x<arguments.length;x++){
result += arguments[x]+' '
}
console.log(result)
}
</script>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div style="height: 2000px; background-color: darkcyan;">
</div>
</body>
</html>
<script type="text/javascript">
//1.window对象
num = 1001 //window.num = 100
ytPrint(window.num)
function func1(){
ytPrint(this)
ytPrint('函数')
}
func1() //window.func1()
//2.window基础操作
//1)window.open(url) -> 返回一个新的窗口对象
// window2 = open('https://www.baidu.com')
// open()
//2)window.open(url,'_self') -> 在当前页面中刷新出新的窗口
// window2 = open('https://www.baidu.com', '_self')
// window2 = open('https://www.baidu.com', '_blank')
//3)window.open(url,'','width=?,height=?') -> 打开一个新的窗口，并且设置窗口的宽度和高度
// window2 = open('','','width=200,height=100')
//4) 窗口对象.close() - 关闭指定窗口
//window.close() - 关闭当前窗口
// window2.close()
// window.close()
// 5)移动窗口
//窗口对象.moveTo(x坐标, y坐标)
// window2.moveTo(200, 200)
// 6)获取窗口的宽度和高度
// innerWidth/innerHeight - 取浏览器内容可见部分的宽度和高度
// outerWidth/outerHeight - 取整个浏览器的宽度和高度
ytPrint(window.innerWidth, window.innerHeight)
ytPrint(window.outerWidth, window.outerHeight)
// 2.弹框
// window.alert(提示信息) - 提示信息+确定按钮
alert('网络超时')
//window.confirm(问题信息) - 问题信息+确定按钮+取消按钮;返回值是true(确定)或者false(取消)
result = confirm('是否删除?')
ytPrint(result)
//window.prompt(提示信息,输入框默认值) - 提示信息+输入框+确定按钮+取消;
// 如果点取消返回值是null,确定返回值是输入框中的内容
result = prompt('我是提示信息', '默认值')
ytPrint(result)
</script>
定时操作
<script type="text/javascript">
function ytPrint(){
result = ''
for(x=0;x<arguments.length;x++){
result += arguments[x]+' '
}
console.log(result)
}
</script>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<button onclick="clearTimeout(timer2)">不炸了</button>
</body>
</html>
<script type="text/javascript">
//定时操作
// 1.window.setInterval(函数,时间) - 每隔指定时间(毫秒)就调用一次指定的函数, 返回一个定时对象
// window.clearInterval(定时对象) - 清除指定定时对象对应的定时任务
num = 0
let timer1 = setInterval(function(){
num += 1
ytPrint('时间到了!'+num)
if(num >= 10){
clearInterval(timer1)
}
}, 1000)
//2.window.setTimeout(函数,时间) - 指定时间后调用一次函数,返回一个定时对象
// window.clearTimeout(定时对象) - 清除指定定时对象对应的定时任务
timer2 = setTimeout(function(){
ytPrint('爆炸！！！')
}, 5000)
//练习:5s后自动跳转到百度
</script>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<p id="p1">5s后自动跳转到百度...</p>
<script type="text/javascript">
//获取需要修改内容的标签
let pNode = document.getElementById('p1')
//定时时间
time = 5
let timer = setInterval(function(){
time -= 1
if(time == 0){
clearInterval(timer)
open('https://www.baidu.com', '_self')
}else{
pNode.innerText = time+'s后自动跳转到百度...'
}
},1000)
</script>
</body>
</html>
