使用JavaScript,点击按钮一个打开新的窗体

来源:互联网 发布:Linux查看硬件信息 编辑:程序博客网 时间:2024/06/05 16:03

<script type="text/javascript">
function openObj(){
window.open("success.html","baiducccc");//新建一个窗体,名字为baiducccc
}
function openObj2(){
window.open("success.html","_self");//在自身的窗体打开,不会新建窗体
}
function openObj3(){
var win = window.open("success.html", "abccc","width=400,height=400,top=100,left=200,menubar=yes,location=yes,scrollbars=yes")//表示不会一直新建窗体,一直都是在名字为abccc的窗体打开(第一次是新建了一个abccc的窗体,之后就不会再创建)
//win.resizeBy(200,200)//在原来的页面基础上新加200,200
//win.resizeTo(200,200)//把原来的大小重新设定为200,200
//win.moveBy(200,200);//在原来基础上再偏移200,200
console.log(win.screenX+"."+win.screenY);//查看没有偏移之前的位置
win.moveTo(200, 200);
console.log(win.screenX+"."+win.screenY);//查看偏移之后的位置
}
console.log(innerHeight+"..."+innerWidth);
</script>
</head>
<body>
<input type="button" value="打开新页面" onclick="openObj()">
<input type="button" value="在当前窗体打开" onclick="openObj2()">
<input type="button" value="指定窗体位置大小打开"
onclick="openObj3()">

</body>