码迷,mamicode.com
首页 > Web开发 > 详细

JS实现单击按钮后弹出新的窗口页面

时间:2015-09-20 11:42:00      阅读:232      评论:0      收藏:0      [点我收藏+]

标签:

点击按钮后,弹出指定大小的页面窗口。

效果图:

技术分享

源码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>html模板</title>
        <style type="text/css">
        </style>
    </head>
    <body>
        <script> 
            /*
            ‘newwindow‘:弹出窗口的名字(不是文件名),非必须,可用‘‘代替;
            toolbar=no 是否显示工具栏,yes为显示;
            menubar,scrollbars 表示菜单栏和滚动栏;
            resizable=no 是否允许改变窗口大小,yes为允许;
            location=no 是否显示地址栏,yes为允许;
            status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;
            */
            function black(){
                window.open ("你的新页面.html", "newwindow", "height=100, width=400, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no") 
            }
        </script>
        
        <input type="button"  onclick="black()" value="产品查询">
    
    </body>
</html>

 

JS实现单击按钮后弹出新的窗口页面

标签:

原文地址:http://www.cnblogs.com/Joanna-Yan/p/4822958.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!