javascript實戰演練,制作新按鈕,‘新視窗打開網站’,點擊打開新窗-有解無憂

通過練習javascript中的document.write()輸出展示；訊息彈出框alert(字串或變數)；訊息對話框confirm(str)；用戶互動的資訊prompt(str1, str2)；打開新視窗window.open([URL], [視窗名稱], [引數字串])；window.close();//關閉本視窗或者是<視窗物件>.close();//關閉指定的視窗的學習，下面根據要求測驗:

要求:

1、新視窗打開時彈出確認框，是否打開

提示: 使用 if 判斷確認框是否點擊了確定，如點擊彈出輸入對話框，否則沒有任何操作，

2、通過輸入對話框，確定打開的網址，默認為 https://www.cnblogs.com/dhnblog/

3、打開的視窗要求，寬400像素，高500像素，無選單欄、無工具列，

個人代碼展示：

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title>編程練習挑戰</title>
 6         <script type="text/javascript">
 7         function rec(){
 8             // var ceshi=confirm("新視窗打開時彈出確認框，是否打開")
 9             var ceshi=prompt('新視窗打開時彈出確認框，是否打開','https://www.cnblogs.com/dhnblog/');
10             if(ceshi!=null){
11                 window.open('https://www.cnblogs.com/dhnblog/','_blank','width=400px,height=500px,menubar=no,toolbar=no')
12             }
13             else{
14                 document.write('haode')
15             }
16         }
17         </script>
18     </head>
19     <body>
20         <input type="button" name="" id="" value="新視窗打開網站" onclick="rec()"/>
21     </body>
22 </html>

正確代碼展示：

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title>瀏覽器物件</title>
 6         <script type="text/javascript">
 7             function ceshi(){
 8                 if(confirm('確定打開新視窗嗎'))
 9                 {
10                     var url=prompt('請輸入一個網址','https://www.baidu.com/');
11                     window.onpen(url,'_blank','toolbar=no,menubar=no,scrollbars=yes,width=400,height=400');
12                 }
13             }
14         </script>
15     </head>
16     <body>
17         <input type="button" name="" id="" value="新視窗打開網站" onclick="ceshi()" />
18     </body>
19 </html>

轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/141691.html

標籤：JavaScript

上一篇：JavaScript中window.open()打開與window.close()關閉

下一篇：高性能的小程式swiper組件