javascript的window.open()详解

最新推荐文章于 2024-01-03 19:14:45 发布

tuke_tuke

最新推荐文章于 2024-01-03 19:14:45 发布

阅读量2.4k

点赞数

分类专栏： JavaScript 文章标签： javascript window open

本文链接：https://blog.csdn.net/tuke_tuke/article/details/47122949

版权

JavaScript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

通过按钮打开一个新窗口，并在新窗口的状态栏中显示当前年份。
1）在主窗口中应用以下代码添加一个用于打开一个新窗口的按钮：

 <body>
    <script type="text/javascript" language="java">
     function win(){           window.open('newWindow.jsp','newwindow','width=400,height=200,status=yes');
            }
        </script>
    <input type="button" onclick="win()" value="新窗口">
  </body>

（2）创建一个新的JSP文件，名称为newWindow.jsp，在该文件中添加以下用于显示当前年份的代码：

<script language="javascript">
   var mydate = new Date();
   var year = "现在是:" + mydate.getFullYear() + "年";
   document.write(year);
</script>

window.open（）基本语法
window.open(pageurl,windowname,parameters)
其中：
pageurl 为子窗口路径
windowname 为子窗口句柄
parameters 为窗口参数(各参数用逗号分隔)
示例

<script language="javascript">
window.open ('page.jsp','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no') 
</script>
<!--脚本运行后，page.jsp将在新窗体newwindow中打开，宽为100，高为400，距屏顶0象素，屏左0象素，无工具条，无菜单条，无滚动条，不可调整大小，无地址栏，无状态栏-->

各项参数：

alwaysLowered | yes/no | 指定窗口隐藏在所有窗口之后 
alwaysRaised  | yes/no | 指定窗口悬浮在所有窗口之上 
depended      | yes/no | 是否和父窗口同时关闭 
directories   | yes/no | Nav2和3的目录栏是否可见 
height        | pixel value | 窗口高度 
hotkeys       | yes/no | 在没菜单栏的窗口中设安全退出热键 
innerHeight   | pixel value | 窗口中文档的像素高度 
innerWidth    | pixel value | 窗口中文档的像素宽度 
location      | yes/no | 位置栏是否可见 
menubar       | yes/no | 菜单栏是否可见 
outerHeight   | pixel value | 设定窗口(包括装饰边框)的像素高度 
outerWidth    | pixel value | 设定窗口(包括装饰边框)的像素宽度 
resizable     | yes/no | 窗口大小是否可调整 
screenX       | pixel value | 窗口距屏幕左边界的像素长度 
screenY       | pixel value | 窗口距屏幕上边界的像素长度 
scrollbars    | yes/no | 窗口是否可有滚动栏 
titlebar      | yes/no | 窗口题目栏是否可见 
toolbar       | yes/no | 窗口工具栏是否可见 
Width         | pixel value | 窗口的像素宽度 
z-look        | yes/no | 窗口被激活后是否浮在其它窗口之上