发表于: 2019-01-05 22:09:52

1 633



今天完成的事情:

1、今天继续看视频,学习js,学到了很多新东西,准备本周完成任务一。


明天计划的事情:

1、计划争取本周完成js任务一,并开始着手任务二的制作。


收获:

警告框--JavaScript触发警告框

了通过自定义data-dismiss="alert"属性来触发警告框关闭之外,还可以通过JavaScript方法。只需要在关闭按钮上绑定一个事件。如下所示:

html代码:

<div class="alert alert-warning" role="alert" id="myAlert">
    <h4>谨防被骗</h4>
    <p>请确认您转账的信息是你的亲朋好友,不要轻意相信不认识的人...</p>
    <button type="button"  class="btn btn-danger" id="close">关闭</button>
</div>

通过下面的JavaScript代码来触发:

$(function(){
    $("#close").on("click",function(){        $(this).alert("close");
    });
});

运行效果如下:



js三种消息框总结-警告框、确认框、提示框

js消息框类别:警告框、确认框、提示框

警告框:alert("文本");

确认框:confirm("文本");

提示框:prompt("文本","默认值");

一:confirm使用范例

<script type="text/javascript">

           function test(){

                 var res = confirm("请选择");

                  if(res == true){

                        document.write("你点击了确定");

                   }else{

                         document.write("你点击了取消");

                    }

            }

</script>

<input type="button" onclick="test()" value="confirm使用范例">

二:prompt使用范例:

<script type="text/javascript">

    function test(){

          var name = prompt("名称","jack");

          if(name!=null && name!=""){

               document.write("hello" + name);

           }

    }

</script>

<input type="button" onclick="test()" value="prompt使用范例">






返回列表 返回列表
评论

    分享到