简单的例子来开启一个新的窗口

最新推荐文章于 2022-06-14 16:37:17 发布

AIYOUWAI哈

最新推荐文章于 2022-06-14 16:37:17 发布

阅读量357

点赞数 1

本文链接：https://blog.csdn.net/qq_41841562/article/details/80983652

版权

用window.open()来开启一个新的窗口，最简单的是只有一个参数，这个参数是open()中的第一个参数url

eg: window.open(demo_1.html);（打开一个名字为demo_1.html的文件）

如果对新打开的窗口有一定的宽高是否滚动等设置，需要添加open()里边的参数，如下所示：

window.open('demo_1.html', 'newwindow', 'height=200, width=500, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no')；

window.open 弹出新窗口的命令；
　　'demo_1.html' 弹出窗口的文件名；
　　'newwindow' 弹出窗口的名字（不是文件名），非必须，可用空''代替；
　　height=200 窗口高度；（如果新打开的窗口需要更多的空间，将height和width的值设置大）
　　width=500 窗口宽度；
　　top=0 窗口距离屏幕上方的象素值；
　　left=0 窗口距离屏幕左侧的象素值；
　　toolbar=no 是否显示工具栏，yes为显示；
　　menubar，scrollbars 表示菜单栏和滚动栏。
　　resizable=no 是否允许改变窗口大小，yes为允许；
　　location=no 是否显示地址栏，yes为允许；

　　status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；

下边为我写的一个最基本的弹出新窗口的代码：

原窗口命名为demo.html：

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title>打开一个新窗口</title>
       
       <script>
           function newwin(){
               window.open('new demo_1.html','','height=300,width=600,top=50,left=100,toolbar=no,menubar=no, scrollbars=no, resizable=no, location=no, status=no');
           }
       </script>

   </head>
   <body>

       省份<input type="text" id="myinput" value="" οnclick="newwin()"/>

   </body>
</html>

打开的新窗口命名为demo_1.html:

window.opener.document.getElementById("myinput").value=this.innerHTML;是将新打开的页面的li里边的内容赋值给demo.html页面的input中的value；

其中的window.close()是用来关闭新开的窗口。

AIYOUWAI哈

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
简单的例子来开启一个新的窗口

用window.open()来开启一个新的窗口，最简单的是只有一个参数，这个参数是open()中的第一个参数url eg: window.open(demo_1.html);（打开一个名字为demo_1.html的文件）如果对新打开的窗口有一定的宽高是否滚动等设置，需要添加open()里边的参数，如下所示：window.open('demo_1.html', 'newwindow'...
复制链接

扫一扫