最近积累的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:// ...
随机推荐
- Ansible 利用playbook批量部署mariadb
环境说一下 192.168.30.21 ansible 192.168.30.25 client1 192.168.30.26 client2 这里我的ansible环境已经部 ...
- Yii2开发技巧 使用类似闭包的方式封装事务
在控制器中执行事务的时候,一般的代码如下: $transaction = Yii::$app->db->beginTransaction(); try { //一些业务代码 $transa ...
- Maven学习总结(7)——eclipse中使用Maven创建Web项目
Maven学习总结(七)--eclipse中使用Maven创建Web项目 一.创建Web项目 1.1 选择建立Maven Project 选择File -> New ->Project,如 ...
- CentOS 7.3降低内核版本为7.2
查看当前内核版本: [root@nineep ~]# uname -r 2.3.10.0-514.2.2.el7.x86_64 查看当前发行版本: [root@nineep ~]# cat /etc ...
- RestEasy 用户指南----第4章.使用@Path @GET @POST 等
转载说明出处:http://blog.csdn.net/nndtdx/article/details/6870391 原文地址 http://docs.jboss.org/resteasy/docs/ ...
- OSI七层参考模型每一层都有哪些协议
OSI七层参考模型每一层都有哪些协议 第七层应用层 协议:DHCP • DNS • FTP • Gopher • HTTP • IMAP4 • IRC • NNTP • XMPP • POP3 • S ...
- POJ 1416 Shredding Company 回溯搜索 DFS
Shredding Company Time Limit: 1000MS Memory Limit: 10000K Total Submissions: 6173 Accepted: 3361 ...
- Android:解决cannot find zipalign的问题
如果当前使用的Android SDK是v20的话,在通过Eclipse或者Intellij IDEA打包Android项目时,会出现一个”cannot find zipalign”的错误. 这个错误的 ...
- HDU 4503
可以反过来求不是相同关系的小朋友.相当于染色问题吧. 对于A小朋友,它的T个朋友和另外的(N-1-T)个同学就可以组成一个这样的三角形.T*(N-1-T),由于一条非染色边被计算两次,所以除以2. # ...
- 【LeetCode】Longest Substring Without Repeating Characters 解题报告
[题意] Given a string, find the length of the longest substring without repeating characters. For exam ...