-
js随机生成姓名、手机号、身份证号、银行卡号【实现代码】
所属栏目:[Windows] 日期:2016-11-24 热度:129
开发测试的时候,经常需要填写姓名、手机号、身份证号、银行卡号,既要符合格式要求、又不能重复。大家会到网上搜各种生成器。能不能自己写一个简单的生成器呢。下面是随机生成姓名、手机号、身份证号、银行卡号的js代码。 // 生成随机姓名 function getNa[详细]
-
浅析jquery与checkbox的checked属性的问题
所属栏目:[Windows] 日期:2016-11-24 热度:68
1、页面加载成功后,点击选中或取消选中该checkbox,checkbox属性里的checked属性不会根据该checkbox是否选中而变化 2、checkbox里的onchange或onclick方法里用jquery的attr方法获取checked是看得到的checked属性的值与它是否给钩上没有关系 3、使用docume[详细]
-
浅析jQuery事件之on()方法绑定多个选择器,多个事件
所属栏目:[Windows] 日期:2016-11-24 热度:61
$(document).on('click', '#header .top, #main .btn', function () { // code... }); on()方法绑定多个事件 nbsp; $("table.planning_grid").on({ mouseenter: function() { // Handle mouseenter... }, mouseleave: function() { // Handle mouseleave..[详细]
-
JavaScript 消息框效果【实现代码】
所属栏目:[Windows] 日期:2016-11-24 热度:58
警告框 alert(); 确认框 var message=confirm("你喜欢javascript吗");if(message==true){ document.write("很好,加油");}else{ document.write("js功能强大,要学习哦");} 提问框 prompt("文本","默认值"); var myname=prompt(请输入你的姓名);if(myname![详细]
-
JS代码随机生成姓名、手机号、身份证号、银行卡号
所属栏目:[Windows] 日期:2016-11-24 热度:54
开发测试的时候,经常需要填写姓名、手机号、身份证号、银行卡号,既要符合格式要求、又不能重复。大家会到网上搜各种生成器。 下面小编自己写的一个js生成器代码。随机生成姓名、手机号、身份证号、银行卡号的js代码。 // 生成随机姓名 function getName([详细]
-
javascript实现不同颜色Tab标签切换效果
所属栏目:[Windows] 日期:2016-11-24 热度:197
本文实例为大家分享了javascript不同颜色Tab标签切换效果的实现代码,供大家参考,具体内容如下 具体代码: lt;htmlgt; lt;headgt; lt;titlegt;不同颜色选项卡lt;/titlegt; lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312"/gt; lt[详细]
-
js实现人民币大写金额形式转换
所属栏目:[Windows] 日期:2016-11-24 热度:135
本文实例为大家分享了js实现金额转大写的相关代码,供大家参考,具体内容如下 function convertCurrency(num) { //转成人民币大写金额形式 var str1 = '零壹贰叁肆伍陆柒捌玖'; //0-9所对应的汉字 var str2 = '万仟佰拾亿仟佰拾万仟佰拾元角分'; //数字位[详细]
-
jQuery绑定事件on()与弹窗的简要概述
所属栏目:[Windows] 日期:2016-11-24 热度:187
页面上经常会有弹窗,有的弹窗是动态生成的,有的弹窗是在页面底部隐藏的,对于动态生成的弹窗,如果要监听弹窗的事件,可以使用jQuery的事件绑定on()方法实现。 如图,弹窗是js动态生成的,通过点击某个链接弹出,弹窗中的“立即去使用”链接点击后,实现[详细]
-
JavaScript弹窗基础篇
所属栏目:[Windows] 日期:2016-11-24 热度:163
confirm()意既确认框 lt;!DOCTYPE htmlgt;lt;htmlgt;lt;headgt;lt;meta charset="UTF-8"gt;lt;titlegt;confirmlt;/titlegt;lt;/headgt;lt;bodygt;lt;scriptgt;var con=confirm("do you like to study javascript#63;");if (con) {document.write("I love j[详细]
-
简介BootStrap model弹出框的使用
所属栏目:[Windows] 日期:2016-11-24 热度:77
之前,我们讲解了bootstrap tab的使用,今天我们来了解下bootstrap 中model弹出窗的使用。 效果: 代码: lt;input id="btntext" type="button" value="添加文本组件" data-toggle="modal" data-target="#myModal" href="../SysManage/ZuJianManage.aspx"/[详细]
-
js实现纯前端的图片预览
所属栏目:[Windows] 日期:2016-11-24 热度:176
图片上传是一个普通不过的功能,而图片预览就是就是上传功能中必不可少的子功能了。在这之前,我曾经通过订阅input[type=file]元素的onchange事件,一旦更改路径则将图片上传至服务器,接着就获取图片路径并赋值到img元素上。先不管文件异步提交的解决方案[详细]
-
jQuery.form插件的使用及跨域异步上传文件
所属栏目:[Windows] 日期:2016-11-24 热度:95
先说明白 这个跨域异步上传功能我们借助了Jquery.form插件,它在异步表单方面很有成效,而跨域我们会在HTTP响应头上添加 access-control-allow-method,当然这个头标记只有IE10,火狐和谷歌上支持,对于IE10以下的浏览器来说,我们就不能用这种方式了,我[详细]
-
JS延时器提示框的应用实例代码解析
所属栏目:[Windows] 日期:2016-11-24 热度:72
废话不多说了,直接给大家贴代码了,具体代码如下所示: lt;!DOCTYPE htmlgt;lt;html lang="en"gt;lt;headgt;lt;meta charset="UTF-8"gt;lt;titlegt;延时显示提示框lt;/titlegt;lt;stylegt;#div1 {float: left;width: 60px;height: 60px;background-color:[详细]
-
javascript实现延时显示提示框特效代码
所属栏目:[Windows] 日期:2016-11-24 热度:191
本文实例讲述了JavaScript使用setTimeout实现延迟弹出警告框的方法。分享给大家供大家参考。具体如下: 先给大家展示一个延迟/定时/强制弹出窗口的JS代码 参数解释:设置时间:Then.setTime(Then.getTime() + 1*60*60*1000)mylove/ttan.htm(过渡网页)ttan.[详细]
-
js调用webservice构造SOAP进行身份验证
所属栏目:[Windows] 日期:2016-11-24 热度:129
本文实例为大家分享了js调用webservice构造SOAP进行身份验证的相关内容,注释清除,供大家参考,具体内容如下 lt;htmlgt;lt;headgt; lt;titlegt;无标题页lt;/titlegt; lt;script language="javascript" type="text/javascript"gt;// lt;!CDATA[ //defineva[详细]
-
requireJS使用指南
所属栏目:[Windows] 日期:2016-11-24 热度:168
项目中大都使用模块化开发,requireJS作为AMD模块开发的典范,所以有必要学习下。通过一步步利用requireJS编写demo,从而学习requireJS的一个整体开发流程以及自我使用requireJS的一些感受。 AMD:一种基于模块的异步加载JavaScript代码的机制,它推荐开发[详细]
-
基于JS实现Android,iOS一个手势动画效果
所属栏目:[Windows] 日期:2016-11-24 热度:92
废话不多说了,先给大家展示下效果图: 这是iOS下的效果,android下完全一致。通过do_GestureView组件和do_Animation组件,deviceone能很容易实现复杂的跨平台纯原生动画效果,这个示例就是通过手势控制图片上下动画滑动实现开合效果,还支持声音效果。 下[详细]
-
浏览器兼容的JS写法总结
所属栏目:[Windows] 日期:2016-11-24 热度:190
一、元素查找问题 1. document.all[name] nbsp; (1)现有问题:Firefox不支持document.all[name] nbsp; (2)解决方法:使用getElementsByName(name),getElementById(id)等来替代。 2. 集合类对象问题 nbsp; (1)现有问题:IE中对许多集合类对象取用时可以用[详细]
-
vue,angular,avalon这三种MVVM框架优缺点
所属栏目:[Windows] 日期:2016-11-24 热度:65
本文的主要内容是参考官方文档说明总结而来: Vue.js Vue.js @尤雨溪 老师写的一个用于创建 web 交互界面的库,是一个精简的 MVVM。从技术角度讲,Vue.js 专注于 MVVM 模型的 ViewModel 层。它通过双向数据绑定把 View 层和 Model 层连接了起来。实际的 DO[详细]
-
使用vue.js开发时一些注意事项
所属栏目:[Windows] 日期:2016-11-24 热度:89
关于响应式 vue的双向绑定是基于响应式来做的,即给一个Vue对象的属性加上getter, setter方法,在这些方法中处理双向绑定。但这种方式就会出现下面这些坑 对象响应式 Vue中的属性如果是Object,或者是数组,数组中有Object,那么这些Object最好在最开始就[详细]
-
JS onkeypress兼容性写法详解
所属栏目:[Windows] 日期:2016-11-24 热度:136
要求实现输入密码后按回车,触发后台事件。看似十分简单的需求,可是却碰到不少难题[详细]
-
Vue.js基础知识汇总
所属栏目:[Windows] 日期:2016-11-24 热度:117
介绍 vue.js 是用来构建web应用接口的一个库 技术上,Vue.js 重点集中在MVVM模式的ViewModel层,它连接视图和数据绑定模型通过两种方式。实际的DOM操作和输出格式被抽象的方式到指令(Directives)和过滤器(Filters) 在哲学领域内,尽量让MVVM数据绑定API[详细]
-
Function.prototype.apply()与Function.prototype.call()小结
所属栏目:[Windows] 日期:2016-11-24 热度:112
老是忘掉这两个东东的用下,写下来做个记录吧。 他们作用是一模一样的,只是传入的参数不一样 apply apply接受两个参数,第一个制定了函数体内this对象的指向,第二个参数为一个带下标的集合(可遍历对象),apply方法把这个集合中的元素作为参数传递给被[详细]
-
原生js实现addClass,removeClass,hasClass方法
所属栏目:[Windows] 日期:2016-11-24 热度:170
本文分为两部分进行讲解,具体内容如下 第一部分:原生js实现addClass,removeClass,hasClass方法 function hasClass(elem, cls) { cls = cls || ''; if (cls.replace(/s/g, '').length == 0) return false; //当cls没有参数时,返回false return new RegE[详细]
-
跨域资源共享 CORS 详解
所属栏目:[Windows] 日期:2016-11-24 热度:144
它允许浏览器向跨源服务器,发出 XMLHttpRequest 请求,从而克服了AJAX只能同源使用的限制。 本文详细介绍CORS的内部机制。 (图片说明:摄于阿联酋艾因(Al Ain)的绿洲公园) 一、简介 CORS需要浏览器和服务器同时支持。目前,所有浏览器都支持该功能,I[详细]