最近积累的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 == ) {
alert('请输入手机号码')
return false;
} else if (!/\d{}/i.test(mobile)) {
alert('手机号码格式不正确')
return false;
}
return true;
}
function checkValidateCode() {
code = $.trim($("#CheckCode").val());
if (code.length == ) {
alert('请输入验证码')
return false;
} else if (code.length != ) {
alert('验证码位数不正确')
return false;
} else if (!/^(\d{})$/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 = ;
$this.html("已发送(" + timeless + ")");
$this.attr("disabled", "disabled")
var t = setInterval(function () {
if (timeless > ) {
timeless--;
$this.html("已发送(" + timeless + ")");
} else {
$this.html("获取验证码");
$this.removeAttr("disabled");
clearInterval(t);
}
}, );
$.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方式的页面跳转
.window.location.href方式
<script language="javascript" type="text/javascript">
window.location.href="target.aspx";
</script> .window.navigate方式跳转
<script language="javascript">
window.navigate("target.aspx");
</script> .window.loction.replace方式实现页面跳转,注意跟第一种方式的区别
<script language="javascript">
window.location.replace("target.aspx");
</script>
有3个jsp页面(.aspx, .aspx, .aspx),进系统默认的是1.aspx,当我进入2.aspx的时候, .aspx里面用window.location.replace("3.aspx"); 与用window.location.href ("3.aspx"); 从用户界面来看是没有什么区别的,但是当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。 .self.location方式实现页面跳转,和下面的top.location有小小区别
<script language="JavaScript">
self.location='target.aspx';
</script> .top.location
<script language="javascript">
top.location='target.aspx';
</script> .不推荐这种方式跳转
<script language="javascript">
alert("返回");
window.history.back(-);
</script> meta方式实现跳转(content = 单位是秒)
<meta http-equiv=refresh content=;URL="http://www.dayanmei.com">
最近积累的JS 东西,分享一下的更多相关文章
- JS微信分享不好写?来封装一下
微信开发这块,作为开发工程师来说,一般是避免不了的,也好像发现一些朋友写微信分享都是在每个页面一大把一大把的代码. 代码冗余,即便是复制过来再改也很麻烦. 之前自己封装了一下js,今天来分享一下,希望 ...
- 外贸建站之图片预加载JS代码分享
外贸建站之图片预加载JS代码分享 function preloadimg() { setTimeout(function() { new Image().src = "images/2017 ...
- 点滴积累【JS】---JS小功能(JS实现隐藏显示侧边栏,也就是分享栏的隐藏显示)
效果: 思路: 首先,利用计时器setInterval实现DIV的隐藏显示功能,然后在进行一个判断,之后在把要移动的相应距离进行一个参数传递,再根据参数判断出移动的方向也就是offsetLeft移动的 ...
- js 微信分享
一. //js接口 var shareme; var urls = window.location.href; if(isWeiXin()){ var weifileref=document.cr ...
- js小分享
之前实现一些js代码时,总觉得无法下手,所以最近在学习一下特别细的知识点,分享笔记.嘻嘻,偷个小懒,我把自己的笔记拍个照片就不打字了.嘎嘎,放心放心,自觉得字写的还算ok的啦- 表示家里的老弟玩游戏, ...
- 移动端js插件分享
分享几个移动端使用的插件,个人感觉挺不错的. 1. TouchSlide1.1 滑动的焦点图 http://pan.baidu.com/s/1i3J6bbB 2. iscroll.js 模拟滚动条 ...
- js快速分享代码
这是一款简单易用的文章分享工具,您只需将下面的html代码拷贝到模板中就可以实现文章快速分享功能.如果您想分享你的博客.个人网站或者企业网站等等,下面是两款不错的分享工具,值得拥有! 1. <d ...
- 转: js快速分享代码
这是一款简单易用的文章分享工具,您只需将下面的html代码拷贝到模板中就可以实现文章快速分享功能.如果您想分享你的博客.个人网站或者企业网站等等,下面是两款不错的分享工具,值得拥有! 1. [html ...
- share.js轻松分享/邀请
GitHub地址 https://github.com/overtrue/share.js 安装 安装的方法很多,大家选择自己合适的进行安装就好. clone $ git clone https:// ...
随机推荐
- pop的运用
pop():弹出列表最后一个元素 练习题: num_list = [12, 45, 34,13, 100, 24, 56, 74, 109] one_list = [] two_list = [] t ...
- Scrapy下载器中间件用法示例
1.爬虫文件httpbin.py # -*- coding: utf-8 -*- import scrapy class HttpbinSpider(scrapy.Spider): name = 'h ...
- MySQL的分组和排序
分组操作 select count(id) from userinfo group by pat(id); -- 聚合函数: --count --max --sum --avg ---如果对于二次函数 ...
- Huawei-R&S-网络工程师实验笔记20190607-STP生成树协议(基本配置、桥优先级、根桥选举、根端口、路径开销、边缘端口)
>Huawei-R&S-网络工程师实验笔记20190607-STP生成树协议(基本配置.桥优先级.根桥选举.根端口.路径开销.边缘端口) >>实验开始,先上拓扑图参考: &l ...
- elasticsearch 数据导入(九)
说明 maven依赖 官方客户端 https://www.elastic.co/guide/en/elasticsearch/client/java-rest/6.4/index.html <d ...
- hdu 4046 树状数组
#include<stdio.h> #include<string.h> #define N 51000 char s[N]; int a[N],n; int number( ...
- [cf 599D] Spongebob and Squares
据题意: $K=\sum\limits_{i=0}^{n-1}(n-i)*(m-i)$ $K=n^2m-(n+m)\sum{i}+\sum{i^2}$ 展开化简 $m=(6k-n+n^3)/(3n^2 ...
- codevs——T1214 线段覆盖
http://codevs.cn/problem/1214/ 时间限制: 1 s 空间限制: 128000 KB 题目等级 : 黄金 Gold 题解 查看运行结果 题目描述 Descr ...
- 洛谷 P3184 [USACO16DEC]Counting Haybales数草垛
P3184 [USACO16DEC]Counting Haybales数草垛 题目描述 Farmer John has just arranged his NN haybales (1 \leq N ...
- PHP array_fill()
定义和用法 array_fill() 函数用给定的值填充数组,返回的数组有 number 个元素,值为 value.返回的数组使用数字索引,从 start 位置开始并递增.如果 number 为 0 ...