<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
p{position:fixed;left:0;top:0;}
</style>
</head>
<body>
<p>
<a href="http://www.baidu.com" target="_self" >跳转</a>
<button οnclick="fn()">打开窗口</button>
<button οnclick="clo()">关闭窗口</button>
<button οnclick='move()'>moveBy</button>
<button οnclick="to()">moveTo</button>
<button οnclick="prin()">print</button>
<button οnclick="scr()">scrollBy</button>
<button οnclick='scr1()'>scrollTo</button>
</p>
<div style="height:2000px;width: 1500px;"></div>
<!--onclick鼠标单击事件-->
<script>
var New;
function fn(){
New=window.open('3.html','','width=400,height=500');
}
function clo(){
New.close();
}
function move(){
New.moveBy(100,100);//相对当前位置进行移动
}
function to(){
New.moveTo(100,100);//相对于电脑屏幕左上角
}
function prin(){
window.print();//打印窗口
}
function scr(){
window.scrollBy(50,50);//按固定的值进行滚动
}
function scr1(){
window.scrollTo(0,0);//直接滚到指定位置
}
/*
bom:浏览器模型
window
navigator
Screen
History
Location
存储
* */
alert();//弹出警示框，带确定按钮
prompt();//弹出输入框，带提示，输入，确定，取消，返回输入的值
var res=confirm('你的浏览器该升级了，点击确认升级');//弹出询问框，带确定，取消，返回true和false
console.log(res);
</script>
</body>
</html>
扫一扫
556
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
