js弹出对话框

js弹出对话框js弹出对话框3种方式对话框有三种1:只是提醒,不能对脚本产生任何改变;2:一般用于确认,返回true或者false,所以可以轻松用于if…else…判断3:一个带输入的对话框,可以返回用户填入的字符串,常见于某些留言本或者论坛输入内容那里的插入UBB格式图片下面我们分别演示: 复制以下代码存为test.htm文件    无标

大家好,欢迎来到IT知识分享网。js弹出对话框

js 弹出对话框3种方式
对话框有三种
1
:只是提醒,不能对脚本产生任何改变;
2
:一般用于确认,返回 true 或者 false ,所以可以轻松用于 if…else…判断
3
:一个带输入的对话框,可以返回用户填入的字符串,常见于某些留言本或者论坛输入内容那里的插入UBB格式图片
下面我们分别演示: 复制以下代码存为test.htm文件

<html>
<head>
    <title>无标题页</title>
</head>
<script language=”javascript” type=”text/javascript”>
    function ale()
    {

         //
这个基本没有什么说的,就是弹出一个提醒的对话框
         alert(“
我敢保证,你现在用的是演示一“);
    }
    function firm()
    {

        //
利用对话框返回的值 true 或者 false
        if(confirm(“
你确信要转去 天轰穿的博客?“))
        {

             //
如果是true ,那么就把页面转向thcjp.cnblogs.com
             location.href=”http://thcjp.cnblogs.com”;
         }
        else
        {

             //
否则说明下了,赫赫
             alert(“
你按了取消,那就是返回false”);
         }
    }
    function prom()
    {

        var name=prompt(“
请输入您的名字“,””);//将输入的内容赋给变量 name 
        //
这里需要注意的是,prompt有两个参数,前面是提示的话,后面是当对话框出来后,在对话框里的默认值
        if(name)//
如果返回的有内容
        {

             alert(“
欢迎您:“+ name)
         }
    }
</script>

<body>
    <p>演示一:提醒 对话框</p>
    <input type=”submit” name=”Submit” value=”提交” οnclick=”ale()” />
    <p>演示二 :确认对话框 </p>
    <input type=”submit” name=”Submit2″ value=”提交” οnclick=”firm()” />
    <p>演示三 :要求用户输入,然后给个结果</p>
    <input type=”submit” name=”Submit3″ value=”提交” οnclick=”prom()” />
</body>
</html>

 

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/16062.html

(0)

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信