怎么用js点击按钮弹出提示框

JavaScript019

怎么用js点击按钮弹出提示框,第1张

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html，输入问题基础代码。

2、在index.html中的<body>标签中，输入js代码：

function fun() {

alert('click success!')

}

3、浏览器运行index.html页面，此时点击按钮弹出了提示框。

不会啊

我测试了一下，不会消失啊！

要不，你改成下面这样试试

<script type="text/javascript" language="javascript" >

<!--

function display(){

document.getElementById("box").style.display="block"

}

function disappear(){

document.getElementById("box").style.display="none"

}

-->

</script>

<div class="login" onmouseover="display()" onmouseout="disappear()"><a href="#" class="outlogin">登录</a>

<div id="box" class="dl" style="display:none">

<form>

<div class="inputbox"><input class="logininput" type="text" placeholder="请输入用户名"></div>

<div class="inputbox2"><input class="logininput" type="text" placeholder="请输入密码"></div>

<a href="#">登　录</a>

</form>

<div class="qtdl"><a href="#" class="weibologin">微博登录</a><a href="#" class="qqlogin">QQ登录</a></div>

</div>

</div>

function  sub(){

    $.ajax({

        url:url,

        type:"get",

        success: function(date){

            if(data){

                alert("成功") 

            }else{

                alert('失败')

            }

        }

    })

}

使用 ajax  在回调函数里面判断 成功则 alert("成功") 失败 alert('失败')