javaScript系列之网页与用户交互(五)

原创于 2017-06-17 17:27:50 发布 · 1.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #浏览器 #标签

javascript 专栏收录该内容

17 篇文章

订阅专栏

本文介绍了一个简单的HTML页面，通过JavaScript实现了页面上的按钮交互功能。包括欢迎提示、确认对话框及输入框示例，展示了基本的用户交互方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">

        //浏览器加载html页面时,会先加载head标签 也就会先加载script标签
        // 执行下面的alert函数 所以会进入下一页面,就会弹出一个提示框
        alert("welcome to here!!!")
        function showConfirm(){
            var result = confirm("are u a sigle dog?");
            if (result){
                alert("嗯啊")
            }else {
                alert("你猜")
            }
        }
        function  showPrompt(){
            //会接收用户的输入
            //第二个参数表示输入框的提示文字
            //用户点击取消或按esc关闭对话框返回值都为null 用户未输入内容,点击确定,
            // 返回值为提示文字 用户输入内容后 点击确定,返回值为用户输入的内容
            var result = prompt("请输入姓名","说呀");
            alert(result);
        }

    </script>
</head>
<body>
      <input type="button" onclick="showConfirm()">
      <input type="button" onclick="showPrompt()">
</body>
</html>