各种Alert用法

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>js基础</title>
    </head>
    <body>
        <input type="button" value="警示框" onclick="m1()"/><br>
        
        <input type="button" value="输入框" onclick="m2()"/><br>
        <input type="button" value="确认框" onclick="m3()"/>
        <a href="http://www.baidu.com">跳转</a><br>
        <input type="button" value="前进" onclick="m4()"/><br>
        
        <input type="button" value="后退" onclick="m5()"/><br>
        <input type="button" value="刷新" onclick="m6()"/><br>
        
        <input type="button" value="定位" onclick="m7()"/><br>
        <div class="time" id="time">
            当期时间:
        </div>
        <!--
            script标签
                位置:
                    哪儿都可以写。
                    但是建议最后面
            一个页面可以有多个script标签
        -->
        <script type="text/javascript">
            function m1(){
                //警示框
                alert("ddd");
            }
            function m2(){
                //prompt();
                var v= prompt("这周想看啥电影?");
                //如果点击取消,返回的是null
                alert("你输入的是---"+v);
            }
            function m3(){
                var b = confirm("确认赚钱吗?");
                alert(b);
            }
            function m4(){
                history.go(1);
            //    history.forward();
            }
            function m5(){
                history.go(-1);
                //history.back();
            }
            function m6(){
                history.go(0);
            }
            
            function m7(){
                location.href="http://www.github.com";
            }
            //时间  Date
            function getTime(){
                //确切的叫日期
                var date= new Date();
                var y = date.getFullYear();
                var mm = date.getMonth()+1;  //[0,12)        
                var d = date.getDate();
                var xq = date.getDay();
                var hh = date.getHours();
                var m = date.getMinutes();
                var ss = date.getSeconds();
                //alert(y+"-"+mm+"-"+d+"-"+xq);
                //放入div
                var time = document.getElementById("time");
                time.innerHTML="当期时间:"+y+"-"+mm+"-"+d;
            }
            getTime();
        </script>
    </body>
</html>

<think>嗯,用户想了解JavaScript中的alert函数的用法,包括使用方法和示例。首先,我需要回忆alert函数的基本功能。alert是一个用于弹出警告对话框的函数,显示一条消息和一个“确定”按钮,用户点击后对话框关闭。接下来,我得整理它的基本语法,比如`alert(message)`,其中message可以是字符串或变量。 然后,用户可能需要具体的示例。比如直接显示字符串,或者结合变量使用。记得要给出代码例子,比如`alert("Hello World");`或者用变量传递信息。此外,用户可能想知道如何显示动态内容,比如拼接字符串和变量,例如`alert("用户名: " + username)`。 还要注意常见问题,比如alert会阻塞代码执行,直到用户点击确定。这可能影响用户体验,特别是在需要连续操作时。另外,alert的样式不可定制,这也是一个限制。 用户可能没有提到但相关的点是confirm和prompt函数,可以简要提及,作为补充。例如,confirm用于确认对话框,prompt用于输入信息。这些和alert一样都是浏览器内置的弹窗函数。 需要确保回答结构清晰,分点说明,每个部分有示例代码。同时,根据用户提供的引用资料,引用相关的部分,比如引用[1]提到alert属于与用户交互的函数,可以用于提示信息。引用[2]中有应用实例,可以结合到示例部分。 还要检查是否有遗漏,比如特殊字符的处理,或者如何换行显示信息。比如使用转义字符`\n`来换行,例如`alert("第一行\n第二行");`。 最后,生成相关问题,帮助用户进一步学习,比如询问如何避免alert的阻塞效应,或者替代方案,如自定义弹窗库。确保问题与用户需求相关,并引导深入学习。</think>### JavaScript alert 函数详解 #### 1. 基本功能与语法 `alert` 函数用于在浏览器中弹出警告对话框,显示指定消息和“确定”按钮,用户需点击按钮才能继续操作。 **语法**: ```javascript alert(message); ``` - `message`:可为字符串、变量或表达式,最终会被转换为字符串显示[^1]。 #### 2. 使用示例 **示例1:直接显示字符串** ```javascript alert("操作成功!"); // 弹出内容为“操作成功!” ``` **示例2:结合变量使用** ```javascript let username = "Alice"; alert("欢迎," + username); // 弹出“欢迎,Alice” ``` **示例3:动态内容拼接** ```javascript let count = 3; alert("剩余次数:" + count + "次"); // 弹出“剩余次数:3次” ``` **示例4:换行与特殊符号** ```javascript alert("第一行文本\n第二行文本\\特殊符号"); // 使用\n换行,\\显示反斜杠 ``` #### 3. 注意事项 - **阻塞特性**:`alert` 会暂停代码执行,直到用户点击“确定”。 - **样式限制**:弹窗外观由浏览器控制,无法自定义样式。 - **调试用途**:常用于快速验证变量值或流程,但正式环境中建议用控制台输出(`console.log`)。 #### 4. 关联函数对比 - **`confirm`**:显示确认对话框(含“确定”和“取消”),返回布尔值。 ```javascript if (confirm("确认删除?")) { /* 执行删除操作 */ } ``` - **`prompt`**:显示输入框,返回用户输入的字符串或`null`。 ```javascript let name = prompt("请输入姓名:"); ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值