Html对话框三种样式

曾经终败给现在 2022-07-21 00:12 757阅读 0赞

1，alert，confirm，Prompt三种方式

<!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title>对话框</title>
    </head>
    
    <script type="text/javascript">
    
        function C() {
         
            //提示框
            alert("今天有雨。");
        }
    
        function T() {
         
    
            //判断框
            while (true) {
                if (confirm("你确定要走？") == true) {
    
                    if (confirm("你还是要走！")) {
                        alert("我就是不让你走！！！");
                    }
                    break;
    
    
                } else {
                    alert("哈哈，我就知道你不会走！！");
                    break;
                }
    
            }
        }
        function H() {
         
            prompt("你多大了？");//填写框
    
        }
    
    </script>
    <body>
    <fieldset>
        <legend>对话框</legend>
        <button onclick="T()" > 你确定要走？</button>
        <br><br>
        <button onclick="C()"> 天气如何？</button>
        <br><br>
        <button onclick="H()"> 你多大了？</button>
        <br><br>
    </fieldset>
    </body>
    </html>

2，你不会走吧？哈哈。

![这里写图片描述][20160710153155573]

[20160710153155573]: /images/20220720/43cb34d0036e4371aacbe04051a56911.png

发表评论取消回复

表情：

评论列表（有 0 条评论，757人围观）

还没有评论，来说两句吧...

相关阅读

相关 CSS的三种样式

内联样式：把css代码直接写在现有的HTML标签中嵌入式：把css样式代码写在style标签之间外部式：把css代码写一个单独的外部文件（.css为扩展名）中，在

矫情吗；*/ 2023年06月28日 09:50/ 0 赞/ 30 阅读

相关 HTML引入css样式的三种方式，css选择器的三种样式

文章目录前言一. css样式的三种方式第一种：内联定义方式第二种：样式块

青旅半醒/ 2022年10月05日 00:53/ 0 赞/ 282 阅读

相关不同样式tooltip对话框小三角的css实现

![41454c94c4af6e79c9ce3b7e468f0436.png][] 开发过程中已经遇到过好多次需要手动实现 `tooltip` 样式了，这里就总结下，以便未来

Myth丶恋晨/ 2022年09月06日 05:00/ 0 赞/ 256 阅读

相关 Html对话框三种样式

1，alert，confirm，Prompt三种方式 <!DOCTYPE html> <html> <head lang="en">

曾经终败给现在/ 2022年07月21日 00:12/ 0 赞/ 758 阅读

相关 js中三种对话框

javascript的三种对话框是通过调用window对象的三个方法alert()，confirm()和prompt()来获得，可以利用这些对话框来完成js的输入和输出，实现与

男娘i/ 2022年05月28日 11:46/ 0 赞/ 176 阅读

相关 JS最常用三种弹出对话框

//====================== JS最常用三种弹出对话框 ======================== //弹出

ゝ一纸荒年。/ 2022年04月24日 04:16/ 0 赞/ 273 阅读

相关对话框样式的Activity

一、定义一个主题样式 Theme.CustomDialog 实现个性化的对话框。 1、AndroidManifest.xml 文件中，申明 activity 的主题使用自定

亦凉/ 2022年03月18日 10:43/ 0 赞/ 272 阅读

相关 HTML三种引入样式的方式

HTML三种引入样式的方式 1.外部样式：是通过link元素引入 <link rel="stylesheet" type="text/css" href="样式

我会带着你远行/ 2022年02月15日 07:55/ 0 赞/ 462 阅读

相关 html样式表三种引入方式

样式表三种引入方式 1.行间样式，写在开始标签内部，优先级最高，维护性最差，尽量避免使用 2.内部样式表，写在style标签内，优点：一般不会造成样式丢失，缺点：可

阳光穿透心脏的1/2处/ 2021年09月15日 12:44/ 0 赞/ 521 阅读

相关 HTML引入CSS样式三种方法及优先级 CSS样式的写法

HTML引入CSS样式三种方法及优先级：方法 css的样式引用由3种方式。分别为行内样式、内部样式（嵌入式）和外部样式；行内样式： ...

朱雀/ 2021年03月26日 13:53/ 0 赞/ 890 阅读