各种Alert用法

来源:互联网 发布:小米平板2 windows版 编辑:程序博客网 时间:2024/05/16 12:59
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>js基础</title>
    </head>
    <body>
        <input type="button" value="警示框" onclick="m1()"/><br>
        
        <input type="button" value="输入框" onclick="m2()"/><br>
        <input type="button" value="确认框" onclick="m3()"/>
        <a href="http://www.baidu.com">跳转</a><br>
        <input type="button" value="前进" onclick="m4()"/><br>
        
        <input type="button" value="后退" onclick="m5()"/><br>
        <input type="button" value="刷新" onclick="m6()"/><br>
        
        <input type="button" value="定位" onclick="m7()"/><br>
        <div class="time" id="time">
            当期时间:
        </div>
        <!--
            script标签
                位置:
                    哪儿都可以写。
                    但是建议最后面
            一个页面可以有多个script标签
        -->
        <script type="text/javascript">
            function m1(){
                //警示框
                alert("ddd");
            }
            function m2(){
                //prompt();
                var v= prompt("这周想看啥电影?");
                //如果点击取消,返回的是null
                alert("你输入的是---"+v);
            }
            function m3(){
                var b = confirm("确认赚钱吗?");
                alert(b);
            }
            function m4(){
                history.go(1);
            //    history.forward();
            }
            function m5(){
                history.go(-1);
                //history.back();
            }
            function m6(){
                history.go(0);
            }
            
            function m7(){
                location.href="http://www.github.com";
            }
            //时间  Date
            function getTime(){
                //确切的叫日期
                var date= new Date();
                var y = date.getFullYear();
                var mm = date.getMonth()+1;  //[0,12)        
                var d = date.getDate();
                var xq = date.getDay();
                var hh = date.getHours();
                var m = date.getMinutes();
                var ss = date.getSeconds();
                //alert(y+"-"+mm+"-"+d+"-"+xq);
                //放入div
                var time = document.getElementById("time");
                time.innerHTML="当期时间:"+y+"-"+mm+"-"+d;
            }
            getTime();
        </script>
    </body>
</html>

原创粉丝点击