Window.open大全

buliangniu · 发表于 2013-2-7 20:32:50

1、最基本的弹出窗口代码

<SCRIPT LANGUAGE="javascript"> 　　 </SCRIPT>
        javascripts代码应该放在两个<SCRIPT>...<>SCRIPT>之间，是为了解决一些低版本浏览器的兼容性。

        运行结果：打开一个窗口

2、带参数的弹出窗口

<SCRIPT LANGUAGE="javascript"> 　　 </SCRIPT>
　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为允许；

3、最大化弹出窗口

<html><head> <title>window.open最大化 </title></head><body> <script language="javascript">　　 </script> <input id="Button" type="button" value="最大化新窗口"  /></body></html>
4、弹出窗口并居中

<html><head> <title>window.open居中 </title></head><body> <script language="javascript">　　 </script> <input id="Button" type="button" value="居中新窗口"  /></body></html>
5、弹出子窗口并返回值

<html><head> <title>window.open返回值父窗口</title> <style type="text/css">       #father       {          width: 500px;          height: 100px;       } </style> <script type="text/javascript">       function openTest()       {          window.open('test.htm')       } </script></head><body> <input id="father" type="text" /><br /> <br /> <input id="Button" type="button" value="打开子窗口"  /><br /></body></html>
<html><head> <title>window.open返回值子窗口</title> <style type="text/css">       #Text1       {          height: 100px;          width: 500px;       } </style> <script type="text/javascript">       function openerTest()       {          window.opener.document.getElementById("father").value = Text1.value;          window.close() } </script></head><body> <p>       <input id="Text1" type="text" /><br />       <br />       <input id="Button" type="button" value="关闭并返回值"  /></p></body></html>

		自动登录	找回密码
密码			立即注册