提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

javascript:window.open弹出窗口的位置问题

JavaScript 问题 窗口 位置 open window 弹出
2023-06-13 09:15:20 时间
window.open弹出窗口的位置问题.记录一下
复制代码代码如下:

<SCRIPTLANGUAGE="javascript">
<!--
window.open("page.html","newwindow","height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no")//这句要写成一行
-->
</SCRIPT>

参数解释：

<SCRIPTLANGUAGE="javascript">js脚本开始；
window.open弹出新窗口的命令；
"page.html"弹出窗口的文件名；
"newwindow"弹出窗口的名字（不是文件名），非必须，可用空""代替；
height=100窗口高度；
width=400窗口宽度；
top=0窗口距离屏幕上方的象素值；
left=0窗口距离屏幕左侧的象素值；
toolbar=no是否显示工具栏，yes为显示；
menubar，scrollbars表示菜单栏和滚动栏。
resizable=no是否允许改变窗口大小，yes为允许；
location=no是否显示地址栏，yes为允许；
status=no是否显示状态栏内的信息（通常是文件已经打开），yes为允许；
</SCRIPT>js脚本结束

echo-->
复制代码代码如下:

<html>
<head>
<scripttype="text/javascript">
functionneww(){
varw=document.getElementById("w").value;
alert(w);
varh=document.getElementById("h").value;
varhh=document.getElementById("hh").value;
varv=document.getElementById("v").value;
varstyle="directories=no,location=no,menubar=no,width="+w+"height"+h;
varmyFunc=window.open("http://www.baidu.com","nwindow",style);
myFunc.moveTo(hh,v);

}
</script>
</head>
<body>
新窗口的高度：<inputtype="text"id="h"size="4"value="300"/>
新窗口的宽度：<inputtype="text"id="w"size="4"value="300"/>
新窗口的垂直坐标：<inputtype="text"id="hh"size="4"value="300"/>
新窗口的水平坐标：<inputtype="text"id="v"size="4"value="300"/>
<buttononclick="new();">打开心弹窗</button>
</body>
</html>

相关文章