通過練習javascript中的document.write()輸出展示;消息彈出框alert(字元串或變數);消息對話框confirm(str);用戶交互的信息prompt(str1, str2);打開新視窗window.open([URL], [視窗名稱], [參數字元串]);window.cl... ...
通過練習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>