- 弹窗
- alert 没有返回值
- confirm 弹窗内有确定 & 取消 ,分别返回True & False
- 弹窗输入
- 页面滚动
- scrollTo(x,y)页面滚动到指定位置
- scrollBy(x,y)页面滚动多少距离
- 在新窗口打开指定链接页面
<body>
<h1>hello world</h1>
<div id="btn2">打开页面</div>
<div id="btn">回到顶部</div>
<div id="btn1">click</div>
<a href="http://www.baidu.com"></a>
<script>
var oBtn = document.getElementById('btn'); // 通过ID获取元素
// scrollTo(X,Y) 页面滚动到指定的位置
oBtn.onclick = function() {
window.scrollTo(0,0);
}
var oBtn1 = document.getElementById('btn1');
// scrollBy(X, Y) 页面滚动了多少距离
oBtn1.onclick = function() {
window.scrollBy(100, 100);
}
var oBtn2 = document.getElementById('btn2');
oBtn2.onclick = function() {
// 在新窗口打开指定连接页面
var url = 'http://www.baidu.com?name=' +'zs&age =18'
window.open(url)
}
alert('hello');
// 确认对话框 包含确定和取消按钮 会返回一个boolean值
var tag = confirm('are you sure?')
console.log(tag)
</script>