communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel HTML > le corps du texte

打开自定义链接新窗口（safari JS prompt的坑！）2016.03.08_html/css_WEB-ITnose

WBOY
Libérer： 2016-06-24 11:17:09
original
901 Les gens l'ont consulté

很简单的一个小练习，但做的过程中发现safari的一个坑，使用prompt()方法的时候，点击取消和不输入一样，会返回空字符' '，而不是null！

要求：
制作新按钮，“新窗口打开网站” ，点击打开新窗口。

任务:

  • 新窗口打开时弹出确认框，是否打开

    提示: 使用 if 判断确认框是否点击了确定，如点击弹出输入对话框，否则没有任何操作。

  • 通过输入对话框，确定打开的网址，默认为 http：//www.imooc.com/

  • 打开的窗口要求，宽400像素，高500像素，无菜单栏、无工具栏。

    • <!DOCTYPE html><html> <head>  <title> new document </title>    <meta http-equiv="Content-Type" content="text/html; charset=gbk"/>     <script type="text/javascript">  function openWindow() {    // 新窗口打开时弹出确认框，是否打开    var choice = confirm("是否打开新窗口？");    if (choice != true) return;            // 通过输入对话框，确定打开的网址，默认为 http：//www.imooc.com/    var url = prompt('请输入需要打开窗口的网址:','http://www.imooc.com/');    //打开的窗口要求，宽400像素，高500像素，无菜单栏、无工具栏。    if (!!url) {        window.open(url, '_blank', 'width=400, height=500, menubar=no, toolbar=no');     };};     </script>  </head>  <body>       <input type="button" value="新窗口打开网站" onclick="openWindow()" />  </body></html>
    Copier après la connexion

    Étiquettes associées：
    打开自定义链接新窗口（safari JS prompt的坑！）2016.03.08
    source：php.cn
    Article précédent：css布局小技巧 2016.03.06_html/css_WEB-ITnose Article suivant：网站无障碍的重要组成部分_html/css_WEB-ITnose
    Déclaration de ce site Web
    Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
    Derniers articles par auteur
    Derniers numéros
    function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...
    Depuis 2024-04-29 11:01:01
    0
    2
    1874
    Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?
    Depuis 2024-04-23 00:22:19
    0
    10
    2041
    La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...
    Depuis 2024-04-19 15:37:47
    0
    1
    1718
    Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...
    Depuis 2024-04-18 23:52:34
    0
    1
    1619
    Où sont les didacticiels sur la cartographie mentale CSS ? Didacticiel
    Depuis 2024-04-16 10:10:18
    0
    0
    1632
    Rubriques connexes
    Plus>
    Recommandations populaires
    Tutoriels populaires
    Plus>
    Tutoriels associés
    Recommandations populaires
    Derniers cours
    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal