JS實現單擊按鈕后彈出新的窗口頁面

本文轉載自查看原文 2015-09-20 10:21 3987 前端

點擊按鈕后，彈出指定大小的頁面窗口。

效果圖：

源碼：

<!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>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 js 頁面彈出新窗口 WebView點擊加載的頁面中的按鈕時不彈出新窗口以及在加載后執行javascript js控制彈出新頁面窗口位置和大小的方法 vue怎么在新窗口打開頁面或者彈出新頁面 js實現避免瀏覽器攔截彈出新頁面的方法 JS點擊按鈕彈出窗口 jS彈出新窗口被攔截的解決方法 js實現點擊按鈕彈出上傳文件的窗口點擊事件彈出新的頁面關閉彈出窗口后刷新父頁面