Html对话框三种样式

最新推荐文章于 2024-06-15 21:29:25 发布

YuLuoChangAnJie

最新推荐文章于 2024-06-15 21:29:25 发布

阅读量6.3k

点赞数

分类专栏： 20160927之前文章标签： html 对话框

本文链接：https://blog.csdn.net/YuLuoChangAnJie/article/details/51871734

版权

20160927之前专栏收录该内容

23 篇文章 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，你不会走吧？哈哈。

这里写图片描述

YuLuoChangAnJie

关注

0
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
Html对话框三种样式

1，alert，confirm，Prompt三种方式<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>对话框</title></head><script type="text/javascript"> function C() { //提示框 alert(
复制链接

扫一扫