最近积累的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:// ...
随机推荐
- uva 1583 Digit Generator(Uva-1583)
题目不再写入了,vj:https://vjudge.net/problem/UVA-1583#author=0 主要讲的是找一个数的小于它的一个数,小于它的那个数每一位加起来再加上那个数就会等于原来的 ...
- 使用Python的Flask框架,结合Highchart,动态渲染图表(Ajax 请求数据接口)
参考链接:https://www.highcharts.com.cn/docs/ajax 参考链接中的示例代码是使用php写的,这里改用python写. 需要注意的地方: 1.接口返回的数据格式,这个 ...
- MongoDB - 增删改查及聚合操作
目录 MongoDB - 增删改查及聚合操作 一. 数据库操作(database) 1. 创建及查看库 2. 删除库 二. 集合collectionc=操作(相当于SQL数据库中的表table) 1. ...
- 【ACM】NYOJ_486_Old Calculator_20130725
Old Calculator时间限制:1000 ms | 内存限制:65535 KB 难度:1描述 szhhck have an old calculator bought 5 years ago ...
- Linxu用户管理(转)
说明:用户管理的操作涉及root权限,所以以下实例中应该使用sudo或者root用户进行操作. 背景: Linux系统是一个多用户多任务的分时操作系统,任何一个要使用系统资源的用户,都必须首先向系统管 ...
- N天学习一个Linux命令之ln
前言有时候同一个文件想创建多个别名,这个时候可以使用链接文件代替 用途对文件或者目录创建链接,默认创建的是硬链接 硬链接Linux底层文件系统由超级数据块,目录树对象,inode索引节点对象,文件对象 ...
- HTML5:防止页面在移动设备上缩放
在制作网页时,如果对移动设备有做兼容设计的话,通常是不希望页面在移动设备能够被缩放.这样可以防止原先设计好的样式被破坏.要做到这一点,只需要在网页的head部分加入如下语句即可: <!-- 屏蔽 ...
- 迅为4412开发板Linux驱动教程/硬件知识及原理图的使用
视频教程下载地址:http://pan.baidu.com/s/1pJwxUfL 嵌入式研发流程介绍 • PCB研发流程介绍 – 方案,原理图(网表) – layoutproject师(gerber文 ...
- CreateDialog Win32 API调用的一个小问题
在老版本号的VC编译器上.关键调用是下面2句: InitCommonDialogs(); HWND hwndDialog = CreateDialog(hInstance, "IDD_XXX ...
- mysql学习之四:sql语句学习2
创建数据库: CREATE DATABASE stefan; 删除数据库: DROP DATABASE stefan; 重命名数据库: 重命名数据库没有直接的办法. 已经不再使用的方法: RENAME ...