警示框 确认框 提示框

简介:

定义三个输入控件,点击进入对应的函数

复制代码
<html>
<head>
<script>
function show_alert()
{
    alert("I am alert");
}
function show_confirm()
{
    var r = confirm("Press a button!")
    if (r == true)
    {
       alert("You pressed OK!");
    }
    else
    {
       alert("Your pressed Cancel!");
    }
}
function show_prompt()
{
   var name = prompt("Please input your name", "Bill Gates")
    if (name != null && name != "")
    {
         document.write("Hello!" + name + " How are you?")
    }
}
</script>
</head>

<body>
<input type="button" onclick="show_alert()" value="show a alert"/>
<input type="button" onclick="show_confirm()" value="show a confirm"/>
<input type="button" onclick="show_prompt()" value="show a prompt"/>
</body>
</html>
复制代码

 




本文转自jihite博客园博客,原文链接:http://www.cnblogs.com/kaituorensheng/p/4605385.html,如需转载请自行联系原作者

相关文章
|
7月前
|
小程序
小程序右上角的胶囊颜色怎么修改?
小程序右上角的胶囊颜色怎么修改?
80 0
|
前端开发
Window对象提示框、确认框、输入框、弹窗详解
本文目录 1. 背景 2. alert提示框 3. confirm确认框 4. prompt输入框 5. showModalDialog弹窗 6. 小结
1091 0
Window对象提示框、确认框、输入框、弹窗详解
|
19天前
【推荐】实现跟随鼠标移动的浮动提示框、气泡框、Tip效果
【推荐】实现跟随鼠标移动的浮动提示框、气泡框、Tip效果
|
7月前
|
前端开发
鼠标点击<input>输入框后边框发生颜色变化
鼠标点击<input>输入框后边框发生颜色变化
50 0
|
7月前
鼠标悬浮显示文字的简单方法
鼠标悬浮显示文字的简单方法
|
11月前
|
JavaScript
原生js实现复选框选全部框与取消全选框
原生js实现复选框选全部框与取消全选框
43 0
|
开发工具
滑动拼图验证码滑动框样式设置
之前在某官网登录的时候有一个滑动拼图验证码,很好奇怎么去实现。然后就想着自己弄一个。同时我在想有没有办法可以修改滑动拼图的滑动框样式呢?然后让我找到了 KgCaptcha,下面我就简单介绍一下吧!
滑动拼图验证码滑动框样式设置
|
Android开发 UED
完美解决android软键盘挡住输入框方法,还不顶标题栏
完美解决android软键盘挡住输入框方法,还不顶标题栏
1172 0
完美解决android软键盘挡住输入框方法,还不顶标题栏
|
JavaScript
amazeUI 复择框问题解决
2018年04月12日 这是官方github参考文档,各种坑,不好用,这让我想到了当时用 layUI 的1.0版本遇到的各种问题。 上菜: ```python <div class="am-u-sm-9">     <div class="checkbox-group" id="g_0">   .
1636 0