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

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">
时间: 2024-08-05 04:39:21

最近积累的JS 东西,分享一下的相关文章

人的提升不是直线上升的,也不是一直弧线上升的(人之所以有文明就是因为不断的学习和积累好的东西)

正确的积累经验: 在实际工作中,要学习好的习惯,虽然你现在并不赞同,但是你要学习,并一直保持下去,因为人之所以有文明就是因为不断的学习和积累好的东西. 不要盲目赞同别人,要先思考,要有自己的立场. 不要高看自己,要虚心,要谦虚,要多听别人说,多学习别人的优秀的地方. 更快的提升能力: 不走弯路,就是最好的捷径. 过程: 人的提升不是直线上升的,也不是一直弧线上升的,而是像正弦波一样有高有低,慢慢提升. http://blog.csdn.net/songjinshi/article/details

Android好东西分享

github上最全Android开发工具的下载地址 https://github.com/inferjay/AndroidDevTools/ Android好东西分享

微信js sdk分享开发摘记java版

绑定域名和引入js的就不说了 废话不说直接上代码 1 public void share(HttpServletRequest request) throws Exception { 2 3 StringBuffer homeUrl = request.getRequestURL(); 4 String queryString =request.getQueryString(); 5 if(StringUtils.isNotBlank(queryString)){ 6 homeUrl.appen

js日常分享

1,网页后退<a href="??????">后退</a>so easy 的问题在百度就是没找到,我学asp.net的,或者用linkbutton实现也可以,就是做后退功能asp.net 标签 a分享到: ------解决方案--------------------<a href="javascritp:history.go(-1)">后退</a>------解决方案--------------------... 用J

转: js快速分享代码

这是一款简单易用的文章分享工具,您只需将下面的html代码拷贝到模板中就可以实现文章快速分享功能.如果您想分享你的博客.个人网站或者企业网站等等,下面是两款不错的分享工具,值得拥有! 1. [html] view plaincopyprint? 分享到: QQ空间 新浪微博 开心网 人人网 百度收藏 豆瓣 腾讯微博 2. [html] view plaincopyprint? <div id="bdshare" class="bdshare_b" style=

js 微信分享

一. //js接口 var shareme; var urls = window.location.href; if(isWeiXin()){   var weifileref=document.createElement('script')//创建标签   weifileref.setAttribute("type","text/javascript")//定义属性type的值为text/javascript   weifileref.setAttribute(&

js小分享

之前实现一些js代码时,总觉得无法下手,所以最近在学习一下特别细的知识点,分享笔记.嘻嘻,偷个小懒,我把自己的笔记拍个照片就不打字了.嘎嘎,放心放心,自觉得字写的还算ok的啦- 表示家里的老弟玩游戏,网络卡到不行,而且觉得上传的效果不好??,就不上传图片了.嘻嘻,需要的话,一起交流,嘿嘿??

移动端js插件分享

分享几个移动端使用的插件,个人感觉挺不错的. 1. TouchSlide1.1 滑动的焦点图  http://pan.baidu.com/s/1i3J6bbB 2. iscroll.js  模拟滚动条类的滑动  http://pan.baidu.com/s/1bn98RZh 3. mobiscroll 移动端日期选择控件 http://pan.baidu.com/s/1kT3ST5l

share.js轻松分享/邀请

GitHub地址 https://github.com/overtrue/share.js 安装 直接git clone Github npm安装 npm install social-share.js bower安装 bower install social-share.js 使用 CDN,引入 share.min.css 与 social-share.min.js 两个链接. 使用 HTML <div class="inner-meta clearfix social-share&qu