js 关闭页面

  1.   var browserName=navigator.appName;
  2. if (browserName=="Netscape") {
  3.      window.open('','_parent',''); window.close(); }
  4. else if (browserName=="Microsoft Internet Explorer") {
  5.      window.opener = "whocares"; window.close(); }

  

  1. Js 手机验证
  1. <script>
  2. var mobile = "";
  3. var code = "";
  4. function CheckMobile() {
  5. mobile = $.trim($("#MobileNumber").val());
  6. if (mobile.length == ) {
  7. alert('请输入手机号码')
  8. return false;
  9. } else if (!/\d{}/i.test(mobile)) {
  10. alert('手机号码格式不正确')
  11. return false;
  12. }
  13. return true;
  14. }
  15. function checkValidateCode() {
  16. code = $.trim($("#CheckCode").val());
  17. if (code.length == ) {
  18. alert('请输入验证码')
  19. return false;
  20. } else if (code.length != ) {
  21. alert('验证码位数不正确')
  22. return false;
  23. } else if (!/^(\d{})$/i.test(code)) {
  24. alert('验证码格式不正确')
  25. return false;
  26. }
  27. return true;
  28. }
  29. jQuery(function () {
  30. $("#btnSubmit").click(function () {
  31. if (!CheckMobile())
  32. return false;
  33. if (!checkValidateCode())
  34. return false;
  35. $.post("@Url.Action("Bind", "Home")", { "MobileNumber": mobile, "CheckCode": code }, function (data) {
  36. if (data.Result != undefined && data.Result != null && data.Result)
  37. window.location.replace("/home/mybaby");
  38. else
  39. alert(data.Message);
  40. });
  41. });
  42. $("#btnSendValidate").click(function () {
  43. var $this = $(this);
  44. var flag = CheckMobile();
  45. if (!flag)
  46. return false;
  47.  
  48. var timeless = ;
  49. $this.html("已发送(" + timeless + ")");
  50. $this.attr("disabled", "disabled")
  51. var t = setInterval(function () {
  52. if (timeless > ) {
  53. timeless--;
  54. $this.html("已发送(" + timeless + ")");
  55. } else {
  56. $this.html("获取验证码");
  57. $this.removeAttr("disabled");
  58. clearInterval(t);
  59. }
  60. }, );
  61. $.ajax({
  62. url: "@Url.Action("SendCode","Home")", type: "POST", dataType: "json", contentType: "application/json;utf-8",
  63. data: JSON.stringify({ MobileNumber: mobile }),
  64. success: function (data) {
  65. if (data.Message != undefined && data.Message != null) {
  66. alert(data.Message);
  67. }
  68. },
  69. error: function (err) {
  70. alert('绑定异常')
  71. }
  72. });
  73. return false;
  74. });
  75. });
  76. </script>

3. js.ajax

  1. $.ajax({
  2. type: "Get",
  3. url: "/home/DropdownClass",
  4. dataType: "Json",
  5. success: function (data) {
  6. $.each(data, function (index, ele) {
  7. content += " <li tag='" + ele.Value + "' onclick='otherclass(this)'>" + ele.Text + " 共(" + ele.Num + ")人 </li>"
  8. });
  9. $("#dropdwonclass").html(content);
  10. }
  11. });

4. js.跳转

  1. js方式的页面跳转
  2. .window.location.href方式
  3. <script language="javascript" type="text/javascript">
  4. window.location.href="target.aspx";
  5. </script>
  6.  
  7. .window.navigate方式跳转
  8. <script language="javascript">
  9. window.navigate("target.aspx");
  10. </script>
  11.  
  12. .window.loction.replace方式实现页面跳转,注意跟第一种方式的区别
  13. <script language="javascript">
  14. window.location.replace("target.aspx");
  15. </script>
  16. 3jsp页面(.aspx, .aspx, .aspx),进系统默认的是1.aspx,当我进入2.aspx的时候, .aspx里面用window.location.replace("3.aspx");
  17.  
  18. 与用window.location.href ("3.aspx");
  19.  
  20. 从用户界面来看是没有什么区别的,但是当3.aspx页面有一个"返回"按钮,调用window.history.go(-); wondow.history.back();方法的时候,一点这个返回按钮就要返回2.aspx页面的话,区别就出来了,当用 window.location.replace("3.aspx");连到3.aspx页面的话,.aspx页面中的调用 window.history.go(-);wondow.history.back();方法是不好用的,会返回到1.aspx
  21.  
  22. .self.location方式实现页面跳转,和下面的top.location有小小区别
  23. <script language="JavaScript">
  24. self.location='target.aspx';
  25. </script>
  26.  
  27. .top.location
  28. <script language="javascript">
  29. top.location='target.aspx';
  30. </script>
  31.  
  32. .不推荐这种方式跳转
  33. <script language="javascript">
  34. alert("返回");
  35. window.history.back(-);
  36. </script>
  37.  
  38. meta方式实现跳转(content = 单位是秒)
  39. <meta http-equiv=refresh content=;URL="http://www.dayanmei.com">

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

  1. JS微信分享不好写?来封装一下

    微信开发这块,作为开发工程师来说,一般是避免不了的,也好像发现一些朋友写微信分享都是在每个页面一大把一大把的代码. 代码冗余,即便是复制过来再改也很麻烦. 之前自己封装了一下js,今天来分享一下,希望 ...

  2. 外贸建站之图片预加载JS代码分享

    外贸建站之图片预加载JS代码分享 function preloadimg() { setTimeout(function() { new Image().src = "images/2017 ...

  3. 点滴积累【JS】---JS小功能(JS实现隐藏显示侧边栏,也就是分享栏的隐藏显示)

    效果: 思路: 首先,利用计时器setInterval实现DIV的隐藏显示功能,然后在进行一个判断,之后在把要移动的相应距离进行一个参数传递,再根据参数判断出移动的方向也就是offsetLeft移动的 ...

  4. js 微信分享

    一. //js接口 var shareme; var urls = window.location.href; if(isWeiXin()){   var weifileref=document.cr ...

  5. js小分享

    之前实现一些js代码时,总觉得无法下手,所以最近在学习一下特别细的知识点,分享笔记.嘻嘻,偷个小懒,我把自己的笔记拍个照片就不打字了.嘎嘎,放心放心,自觉得字写的还算ok的啦- 表示家里的老弟玩游戏, ...

  6. 移动端js插件分享

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

  7. js快速分享代码

    这是一款简单易用的文章分享工具,您只需将下面的html代码拷贝到模板中就可以实现文章快速分享功能.如果您想分享你的博客.个人网站或者企业网站等等,下面是两款不错的分享工具,值得拥有! 1. <d ...

  8. 转: js快速分享代码

    这是一款简单易用的文章分享工具,您只需将下面的html代码拷贝到模板中就可以实现文章快速分享功能.如果您想分享你的博客.个人网站或者企业网站等等,下面是两款不错的分享工具,值得拥有! 1. [html ...

  9. share.js轻松分享/邀请

    GitHub地址 https://github.com/overtrue/share.js 安装 安装的方法很多,大家选择自己合适的进行安装就好. clone $ git clone https:// ...

随机推荐

  1. 【原】Pchart生成图片

    学习网址: http://wiki.pchart.net/doc.introduction.html http://pchart.sourceforge.net/index.php

  2. forcedirectories和CreateDirectory

    forcedirectories和CreateDirectory都能创建文件ForceDirectories可以创建多层目录. 如果你创建一个目录为c:\mymusic\music 如果你的C盘不存在 ...

  3. String s = new String("xyz");创建了几个对象?

    两个或一个都有可能 . ”xyz”对应一个对象,这个对象放在字符串常量池,常量”xyz”不管出现多少遍,都是常量池中的那一个. new String每写一遍,就创建一个新的对象,它使用常量”xyz”对 ...

  4. 小白两篇博客熟练操作MySQL 之 第一篇

    小白两篇博客熟悉操作MySQL  之   第一篇 一.概述 1. 什么是数据库? 答: 储存数据的仓库, 如: 在ATM的事例中创建的一个db 目录, 称为数据库 2. 什么是Mysql, Oracl ...

  5. Dijkstra算法求最短路径

    #include <stdio.h> #include <stdlib.h> #include <string.h> #include <limits.h&g ...

  6. sql 区分大小写查询

    sql 区分大小写查询 select * FROM [Users] where userName collate Chinese_PRC_CS_AS='ADMIN'

  7. PatentTips - DMA address translation between peer-to-peer IO devices

    BACKGROUND As processing resources have increased, demands to run multiple software programs and ope ...

  8. C++ primer chapter 13

    拷贝 赋值 销毁 拷贝构造函数 如果一个构造函数第一个参数是自身的引用,而且任何额外参数都有默认值,则此构造函数是拷贝构造函数拷贝构造函数的第一个类型必须是引用:如果参数不是引用类型,那么调用不会成功 ...

  9. K - Count the string kmp_Next数组应用

    It is well known that AekdyCoin is good at string problems as well as number theory problems. When g ...

  10. cogs 7. 通信线路

    7. 通信线路 ★★   输入文件:mcst.in   输出文件:mcst.out   简单对比时间限制:1.5 s   内存限制:128 MB 问题描述 假设要在n个城市之间建立通信联络网,则连通n ...