文章分类 -  前端开发-js

js设置登陆框居中
摘要：1：获取浏览器宽高： var width = document.documentElement.clientWidth; var height= document.documentElement.clientHeight; 2：计算登陆框左边距 上边距除以2使其居中： var top = （height-(登陆框高度)）/2； var left = （width-(登陆框宽度)）/2； 3：... 阅读全文
posted @ 2018-01-25 21:20 YKing_匆 阅读(412) 评论(0) 推荐(0)
js 禁止复制粘贴剪切输入法使用
摘要：1：禁止输入法使用 加一句 style="ime-mode:disabled" js里加上也行 content.style.imeMode = 'disabled'; （谷歌无效） 2:禁止粘贴复制剪切 addEvent(content,'copy',function(evt){ //cut paste preDef(evt); //也就是阻止默... 阅读全文
posted @ 2018-01-25 21:19 YKing_匆 阅读(266) 评论(0) 推荐(0)
js 表单最多输入限制以及光标跳转下一个输入框
摘要：1： //属性控制最大输入数量 2：光标跳转到下一个框 addEvent(fm.elements['a1'],'keyup',tabForWard); function tabForWard(evt){ var e = evt || window.evetn; //判断当前长度是否和限制的一致 if(this.value.length == this.maxLength){ //遍历所有... 阅读全文
posted @ 2018-01-25 21:19 YKing_匆 阅读(202) 评论(0) 推荐(0)
js 表单之验证输入
摘要：过滤输入模式：纯数字 1：禁止或屏蔽非数字键的输入，阻止非数字键的默认行为 2：验证后取消，你可以先输入非法字符，然后判断后取消你刚输入的文本 跨浏览器获取字符编码 function getCode(evt){ var e = evt || window.event; if(typeof e.charCode == 'number'){ return e.charCode; }else{ re... 阅读全文
posted @ 2018-01-25 21:18 YKing_匆 阅读(126) 评论(0) 推荐(0)
js IE事件处理函数
摘要：attachEvent() 和 detachEvent() 这个两个函数接收相同参数 事件名称和函数 先说一下区别： 1：IE不支持捕获 支持冒泡 2：IE添加事件不能屏蔽重复的函数 3：IE中的this指向的是window不是DOM 4：IE无法接受event对象 但是使用了attachEvent（）可以 有区别 问题一：覆盖问题 可以解决但是顺序不同于W3C 倒过来输出 wind... 阅读全文
posted @ 2018-01-25 21:17 YKing_匆 阅读(142) 评论(0) 推荐(0)
js 表单
摘要：1：表单控件：form里面的input submit textarea select 2：elements 表单中所有控件的集合 想要访问表单元素 可以使用DOM访问 但是不是很方便 建议使用HTML DOM，他有自己的elements属性（表单集合） 例如： fm.elements[0] //获取第一个表单字段元素 fm.elements['user'] ... 阅读全文
posted @ 2018-01-25 21:17 YKing_匆 阅读(142) 评论(0) 推荐(0)
js w3c的添加和移除函数
摘要：W3C的优良函数 添加与移除 但是IE8及以下的不支持 addEventListener 和 removeEventListener window.addEventListener('load',function(){ var box = document.getElementById('box'); box.addEventListener('click',fun... 阅读全文
posted @ 2018-01-25 21:16 YKing_匆 阅读(120) 评论(0) 推荐(0)
js事件移除与添加实现
摘要：//添加事件函数 //为了解决可读性问题 this传递问题 覆盖问题 而创建下面的函数 function addEvent(obj,type,fn){ var saved = null; if(typeof obj['on'+type] == 'function'){ saved = obj['on'+type]; } obj['on'+t... 阅读全文
posted @ 2018-01-25 21:15 YKing_匆 阅读(144) 评论(0) 推荐(0)
js事件绑定
摘要：1：事件覆盖的问题 //传统绑定有可能因为两个相同名字 而造成覆盖问题 只是显示最后一个函数功能 window.onload = function(){ alert('msr.lee'); }; if(typeof window.onload == 'function'){ var svaed = null; //通过判断上一个事件的typeof然... 阅读全文
posted @ 2018-01-25 21:14 YKing_匆 阅读(107) 评论(0) 推荐(0)
js正则表达式
摘要：1：^ 分为两种情况 a:在【】内 表示非 例如：【^0-9】表示匹配非数字 b:在【】外 表示以什么开头来匹配 例如：^【0-9】以数字开头匹配 2：$ 以什么结尾匹配 例如: var patten=/goll[0-9]$/ var str='gool12' alert(patten.text(str)) //$从结尾开始i匹配 本例中最后一个数字开始匹配 但是扫描2后... 阅读全文
posted @ 2018-01-25 21:12 YKing_匆 阅读(186) 评论(0) 推荐(0)
js日期
摘要：1：var box = new Date(Date.parse('4/12/2007')); //首先Date.parse('4/12/2007') 会返回一个毫秒数，第二个Date包裹是为了返回把毫秒数转换成看得懂的时间 2：new Date('4/12/2007') //默认后台调用Date.parse()返回可识别的日期 直接放毫秒数也是可以返回可识别日期 3：Date.pars... 阅读全文
posted @ 2018-01-25 21:11 YKing_匆 阅读(128) 评论(0) 推荐(0)
js对象和数组
摘要：1：var box = new Object(); //创建一个对象 2：var box={ 'name':'lee', age:15 }; alert(box.name); alert(box['name']) //可以用 . （点） 加 数组格式取出对象里的属性 但是必须要保证属性名加上引号取出 3：box.run = function(){ alert(); } ... 阅读全文
posted @ 2018-01-25 21:10 YKing_匆 阅读(252) 评论(1) 推荐(0)
js运算符
摘要：1：var box='3'>'22'; alert(box); //true 如果两个是数值字符串 那么比较的是第一个数值 即 3和2的比较 2：var box=3>'22' //false 如果只有一个字符串数值 那么会将那个字符串数值转换成数值 再比较 3：var box=(2=='2') //true 这样比较的是转换后的数值比较 4：var box = {}=={} ... 阅读全文
posted @ 2018-01-25 21:07 YKing_匆 阅读(124) 评论(0) 推荐(0)
js函数不具备重载
摘要：function box(num,a){ return num+10; } function box(num){ return num+20; } alert(box(5,2)); //重载就是根据参数，选择相同函数名但是参数不同的函数 //输出结果是25 //js里面没有重载功能 而是相同函数名 后一个函数把前一个覆盖 多余的参数不显示 阅读全文
posted @ 2018-01-25 21:07 YKing_匆 阅读(85) 评论(0) 推荐(0)
js数据类型之String
摘要：1：单引号和双引号没有什么区别 2：alert('le\nee'); //\n是回车会换行 3：var box=10; alert(box.toString(2)); //‘1010’ 加了参数表示进制转换 其他不能传参 4：toString() 不能转换null undefined 5：可以用String(null) 强制换成 ‘null’ 阅读全文
posted @ 2018-01-25 21:06 YKing_匆 阅读(120) 评论(0) 推荐(0)
js数据类型
摘要：1：六种数据类型：Undefined Null Boolean Number String Object （大写开头，表示是一种类型）（会返回5种字符串） 分别是：undefined string boolean object（null和object） number 2：ECMAScript不支持任何创建自定义类型的机制 3：举例： var box; alert(box); //box值... 阅读全文
posted @ 2018-01-25 21:05 YKing_匆 阅读(111) 评论(0) 推荐(0)
js数据类型之Number
摘要：Number类型 var box=079; //无效的八进制 自动解析为79 var box=.8 //有效 输出为0.8 var box=8.0 //自动转换为整数 8去掉0 var box=4.12e3 //相当于 4.12*1000 科学记数法 0.00004 = 4e-5 alert(0.1+0.2); //输出0.30000000000000004 就这两个数相加这样不精准 所以不... 阅读全文
posted @ 2018-01-25 21:05 YKing_匆 阅读(115) 评论(0) 推荐(0)
语法，关键词，变量
摘要：1：区分大小写：text和Text 是两种不同的标识符 2：标识符组成开头：（字母），_，$， 其他都不允许 3：不能把关键字 保留字 true false null作为标识符 4：js中的注释：// /**/ 阅读全文
posted @ 2018-01-25 21:04 YKing_匆 阅读(96) 评论(0) 推荐(0)