日韩黑丝制服一区视频播放|日韩欧美人妻丝袜视频在线观看|九九影院一级蜜桃|亚洲中文在线导航|青草草视频在线观看|婷婷五月色伊人网站|日本一区二区在线|国产AV一二三四区毛片|正在播放久草视频|亚洲色图精品一区

分享

javascript實(shí)戰(zhàn)演練,制作新按鈕,‘新窗口打開網(wǎng)站’,點(diǎn)擊打開新窗

 怡紅公子0526 2021-11-14

通過練習(xí)javascript中的document.write()輸出展示;消息彈出框alert(字符串或變量);消息對話框confirm(str);用戶交互的信息prompt(str1, str2);打開新窗口window.open([URL], [窗口名稱], [參數(shù)字符串]);window.close();//關(guān)閉本窗口或者是<窗口對象>.close();//關(guān)閉指定的窗口的學(xué)習(xí),下面根據(jù)要求測試:

要求:

1、新窗口打開時(shí)彈出確認(rèn)框,是否打開

提示: 使用 if 判斷確認(rèn)框是否點(diǎn)擊了確定,如點(diǎn)擊彈出輸入對話框,否則沒有任何操作。

2、通過輸入對話框,確定打開的網(wǎng)址,默認(rèn)為 https://www.cnblogs.com/dhnblog/

3、打開的窗口要求,寬400像素,高500像素,無菜單欄、無工具欄。

個人代碼展示:

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title>編程練習(xí)挑戰(zhàn)</title>
 6         <script type="text/javascript">
 7         function rec(){
 8             // var ceshi=confirm("新窗口打開時(shí)彈出確認(rèn)框,是否打開")
 9             var ceshi=prompt('新窗口打開時(shí)彈出確認(rèn)框,是否打開','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="新窗口打開網(wǎng)站" 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('請輸入一個網(wǎng)址','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="新窗口打開網(wǎng)站" onclick="ceshi()" />
18     </body>
19 </html>

    本站是提供個人知識管理的網(wǎng)絡(luò)存儲空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點(diǎn)。請注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點(diǎn)擊一鍵舉報(bào)。
    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多