码迷,mamicode.com
首页 > Web开发 > 详细

最近积累的JS 东西,分享一下

时间:2016-04-18 21:58:48      阅读:222      评论:0      收藏:0      [点我收藏+]

标签:

js 关闭页面

  var browserName=navigator.appName; 
    if (browserName=="Netscape") {
     window.open(‘‘,‘_parent‘,‘‘); window.close(); } 
    else if (browserName=="Microsoft Internet Explorer") {
     window.opener = "whocares"; window.close(); } 

  

Js 手机验证
<script>
    var mobile = "";
    var code = "";
    function CheckMobile() {
        mobile = $.trim($("#MobileNumber").val());
        if (mobile.length == 0) {
            alert(请输入手机号码)
            return false;
        } else if (!/1\d{10}/i.test(mobile)) {
            alert(手机号码格式不正确)
            return false;
        }
        return true;
    }
    function checkValidateCode() {
        code = $.trim($("#CheckCode").val());
        if (code.length == 0) {
            alert(请输入验证码)
            return false;
        } else if (code.length != 6) {
            alert(验证码位数不正确)
            return false;
        } else if (!/^(\d{6})$/i.test(code)) {
            alert(验证码格式不正确)
            return false;
        }
        return true;
    }
    jQuery(function () {
        $("#btnSubmit").click(function () {
            if (!CheckMobile())
                return false;
            if (!checkValidateCode())
                return false;
            $.post("@Url.Action("Bind", "Home")", { "MobileNumber": mobile, "CheckCode": code }, function (data) {
                if (data.Result != undefined && data.Result != null && data.Result)
                    window.location.replace("/home/mybaby");
                else
                    alert(data.Message);
            });
        });
        $("#btnSendValidate").click(function () {
            var $this = $(this);
            var flag = CheckMobile();
            if (!flag)
                return false;

            var timeless = 60;
            $this.html("已发送(" + timeless + ")");
            $this.attr("disabled", "disabled")
            var t = setInterval(function () {
                if (timeless > 1) {
                    timeless--;
                    $this.html("已发送(" + timeless + ")");
                } else {
                    $this.html("获取验证码");
                    $this.removeAttr("disabled");
                    clearInterval(t);
                }
            }, 1000);
            $.ajax({
                url: "@Url.Action("SendCode","Home")", type: "POST", dataType: "json", contentType: "application/json;utf-8",
                data: JSON.stringify({ MobileNumber: mobile }),
                success: function (data) {
                    if (data.Message != undefined && data.Message != null) {
                        alert(data.Message);
                    }
                },
                error: function (err) {
                    alert(绑定异常)
                }
            });
            return false;
        });
    });
</script>

 

3. js.ajax 

 $.ajax({
                type: "Get",
                url: "/home/DropdownClass",
                dataType: "Json",
                success: function (data) {
                    $.each(data, function (index, ele) {
                        content += " <li tag=‘" + ele.Value + "‘ onclick=‘otherclass(this)‘>" + ele.Text + " 共(" + ele.Num + ")人 </li>"
                    });
                    $("#dropdwonclass").html(content);
                }
            });

 

4. js.跳转 

js方式的页面跳转
1.window.location.href方式
    <script language="javascript" type="text/javascript">
           window.location.href="target.aspx"; 
    </script>

2.window.navigate方式跳转
   <script language="javascript">
    window.navigate("target.aspx");
</script>

 

3.window.loction.replace方式实现页面跳转,注意跟第一种方式的区别
<script language="javascript">
    window.location.replace("target.aspx");
</script>
有3个jsp页面(1.aspx, 2.aspx, 3.aspx),进系统默认的是1.aspx,当我进入2.aspx的时候, 2.aspx里面用window.location.replace("3.aspx");

与用window.location.href ("3.aspx");

从用户界面来看是没有什么区别的,但是当3.aspx页面有一个"返回"按钮,调用window.history.go(-1); wondow.history.back();方法的时候,一点这个返回按钮就要返回2.aspx页面的话,区别就出来了,当用 window.location.replace("3.aspx");连到3.aspx页面的话,3.aspx页面中的调用 window.history.go(-1);wondow.history.back();方法是不好用的,会返回到1.aspx。

4.self.location方式实现页面跳转,和下面的top.location有小小区别
   <script language="JavaScript">
          self.location=target.aspx;
   </script>

5.top.location
   <script language="javascript">
          top.location=target.aspx;
   </script>

 

6.不推荐这种方式跳转
    <script language="javascript">
    alert("返回");
    window.history.back(-1);
   </script>

 

meta方式实现跳转(content = 3 单位是秒)
<meta http-equiv=refresh content=3;URL="http://www.dayanmei.com">

 

最近积累的JS 东西,分享一下

标签:

原文地址:http://www.cnblogs.com/29boke/p/5405830.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!