JS
冬天的风好大
JS的作者:布兰登·艾克
展开
-
没得干看看
获取属性: 元素.getAttribute('属性名'); var n=this.getAttribute('index');设置属性:元素.setAttribute('属性名','属性值'); this.setAttribute('abc','inputBtn'); Number(str) 数字型NaN not a number 不是一个数字NaN 是数字类型!...原创 2018-04-28 15:09:22 · 188 阅读 · 0 评论 -
getPos
function getPos(obj){var l=0;var t=0;while(obj.offsetParent){l+=obj.offsetLeft;t+=obj.offsetTop;obj=obj.offsetParent;}return {l:l,t:t}}转载 2017-02-06 13:54:13 · 756 阅读 · 0 评论 -
CSS3学习
1 border-radius的其他用法border-radius:10px/10px'; /前面代表x /后面代表y2 transition 开始运动 transitionend 运动结束(运动结束时间只能用时间绑定addEventListener添加) 注意: 多个值运动,transitionend触发多次3 animation an原创 2016-12-19 16:26:30 · 235 阅读 · 0 评论 -
cookie.js
function setCookie(name,value,iDay){ if(iDay){ var oDate = new Date(); oDate.setDate(oDate.getDate()+iDay); document.cookie = name+'='+value+'; PATH=/; EXPIRES='+oDate.toGMTString转载 2016-12-23 13:39:06 · 230 阅读 · 0 评论 -
move.js
function getStyle(obj,name){ if(obj.currentStyle){ return obj.currentStyle[name]; }else{ return getComputedStyle(obj,false)[name]; }}function move(obj,json,options){ optio原创 2016-12-23 13:27:10 · 306 阅读 · 0 评论 -
跨页面传值location.href
a页面var oBtn=document.querySelector('.btn');oBtn.onclick=function(){ oBtn.href='b页面?bianliang'}b页面var oTxt=document.querySelector('.txt')var h=location.href;var va=h.substring(h.ind原创 2016-12-22 14:23:29 · 460 阅读 · 0 评论 -
JS 找字符串中出现次数最多的字符
无标题文档window.onload=function(){ var str='liyuefengyyyyyy';var json={};var arr=[];for(var i=0; i//找出现最多的一个字符的次数if(json[str.charAt(i)]){json[str.charAt(i)]++;}else{原创 2016-11-25 10:49:25 · 313 阅读 · 0 评论 -
数组引用的区别
var arr = [1,2,3,4];var arr2 = arr;arr2.push(5);document.write(arr+''); --》1,2,3,4,5document.write(arr2); --》1,2,3,4,5arr和arr2在一个容器里面引用。-----------------------------------------------------原创 2016-12-07 15:01:02 · 190 阅读 · 0 评论 -
前端基础练习题
1. Js里面操作属性的方式有哪些?分别有什么特点?.可以操作JS中承认的属性。不能获取行间的自定义属性。可以添加属性,但是行间看不到。[]可以操作变量。不能获取行间自定义属性。可以添加属性,但是行间看不到。getAttrbute-setAttrbute-removeAttrbute可以获取、设置、移除行间的自定义属性。2window.onloa原创 2016-12-13 17:20:54 · 440 阅读 · 0 评论 -
移动端页面rem用法
var iWidth=document.documentElement.clientWidth; document.getElementsByTagName("html")[0].style.fontSize=iWidth/25+"px";转载 2016-11-30 16:43:00 · 353 阅读 · 0 评论 -
移动端页面加meta标签
//网页允许以app形式运行 //状态栏颜色转载 2017-01-11 09:51:54 · 312 阅读 · 0 评论 -
移动端布局学习小结
1 calc 计算单位 //-------->只支持高级浏览器 width:calc(500px - 100px) //--400px; 中间一定要有空格 + - * / %都可以。2 去边框布局自适应 可以用 box-sizing:border-box(全局) 也可以用 width:calc(100/3 - 2px) (意原创 2017-01-11 14:58:00 · 296 阅读 · 0 评论 -
解决上线以后浏览器缓存问题
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <!-- 禁止浏览器从本地机的缓存中调阅页面内容。 --> <meta http-equiv="pragma" content="no-cache"> <!-- Cache-Contr翻译 2018-03-15 09:32:49 · 5208 阅读 · 0 评论 -
JS结合七牛实现上传头像的效果
1 拿7牛的token 通过后台的接口拿到7牛的token;2 和后台要公司的路径, 后面要和7牛返回的路径 结合。var addr='路径'3 创建file 和 formDatavar file = event.target.files[0];var formData = new FormData(); formD转载 2017-06-07 14:48:20 · 706 阅读 · 0 评论 -
JS 实现上传(导入)excle 文件方法
html: js://上传通讯录--导入员工 shanghuan(ev){ var formData=new FormData(); var files = ev.target.files || ev.data转载 2017-05-11 15:39:10 · 1132 阅读 · 0 评论 -
JS开关禁止重复点击
var a=trueif(a==false)returnif(a==true){......}a=false原创 2017-03-22 11:16:07 · 761 阅读 · 0 评论 -
transform和tiansition
oLi.style.transition='1s all ease '+200*(N-i)+'ms';(function(oLi,i){ setTimeout(function(){ oLi.style.transform='rotateY('+360/N*i+'deg) translateZ(300px)'; },0);})(oLi,i);当transi原创 2017-02-14 17:43:45 · 342 阅读 · 0 评论 -
变量名冲突的解决办法
变量名冲突面向对象 命名空间 封闭空间 ;()()√模块化 √转载 2017-02-18 16:14:37 · 1139 阅读 · 0 评论 -
一个盒子在父级中水平垂直居中
#box{ //父级 text-align: center; display: table;}#div1{ //子集 vertical-align: middle; display: table-cell;}转载 2017-02-18 11:07:25 · 428 阅读 · 0 评论 -
随机数组排序
html>html>head>meta charset="utf-8">title>无标题文档title>script> var arr=[1,2,3,4,5,6,7,8]; arr.sort(function(n1,n2){ return Math.random()-0.5; }); alert(arr); script>h原创 2017-02-07 17:19:37 · 202 阅读 · 0 评论 -
找数组中出现次数最多的一个
无标题文档window.onload=function(){ var arr=[78,278,-374,293,24,-22,24,33,24,278,1,1,1,1,1,1,1];var json={};var arr2=[];for(var i=0; i//通过json找出name中最多的次数if(json[arr[i]]){js原创 2016-11-24 17:24:13 · 336 阅读 · 0 评论 -
一个小小99乘法表的思路
window.onload=function(){ for(var i=1; ifor(var j=1; jdocument.write(j+'*'+i+'='+j*i+' ');}document.write('');}}原创 2016-11-24 14:18:07 · 507 阅读 · 0 评论 -
JS 中数组去重几中方法的总结。适合自己而用
var arr=[1,2,3,4]var n=1;方法1function finArr(n,arr){ for(var i=0; ilength; i++){ if(arr[i]==n){ return true; } } return false;}方法2function finArr(n,a原创 2016-11-17 13:11:31 · 207 阅读 · 0 评论 -
confirm
confirm 弹框可以返回 true 和 falseif(true ){ //需要执行的}else{ //需要执行的}原创 2016-11-29 16:22:05 · 304 阅读 · 0 评论 -
JS小总结
HTML-------超文本语言 文档声明 严格模式--------------------------------------------------------------------------------------------------------CSS---------层叠样式表 盒子模型 width/height、border、原创 2016-11-29 11:51:02 · 162 阅读 · 0 评论 -
JS 中出现undefined情况的总结
1. 调用没有定义的变量2. 声明了变量却没有值3. 参数定义了没有传值4. 函数中没有写return 返回的值 就是undefined5. 如果写了return 却没有声明值 也是undefined原创 2016-11-16 16:32:12 · 4792 阅读 · 0 评论 -
JS 获取最终生成的样式
function getStyle(obj,name){ return (obj.currentStyle||getComputedStyle(obj,false))[name]}currentStyle IEgetComputedStyle 火狐 谷歌原创 2016-11-16 15:37:37 · 429 阅读 · 0 评论 -
JS 中的 真 与 假
true: 非零数字 非空字符 true 非空对象false: 0 空字符串 false 空对象(null) nudefined原创 2016-11-16 11:33:27 · 323 阅读 · 0 评论 -
JS 中的类型转化
字符串 > 数字 parseInt(str); 整数型 parseFloat(str); 浮点型 (保留小数) Number(str) 数字型 NaN not a number 不是一个数字 NaN 是数字类型! 人格分裂症 isNaN(sum) 检测数字是否是NaN true 不是数字原创 2016-11-16 11:15:32 · 205 阅读 · 0 评论 -
JS 中的数据类型有哪些
1 基础数据类型数字:number字符串:string布尔值:boolean未定义:undefined2 复合型数据类型对象:object 包含 arr json函数:function原创 2016-11-16 11:03:53 · 307 阅读 · 0 评论 -
MVC
M module 数据层 数据交互V view 视图层 DOMC controller 控制层 逻辑控制作用:前后台分离,更好的工作原创 2016-11-30 10:21:47 · 153 阅读 · 0 评论 -
闭包的生命周期
闭包的生命周期可长可短只要里面的函数还有用,整条作用域链上的变量就不会消失。(也可用作定义)闭包的定义:子函数可以调用复函数的变量原创 2016-11-30 10:26:17 · 869 阅读 · 0 评论 -
严格模式
'use strict'解决了: 1.this的问题 2.禁止不加var声明变量 3.禁止在if、switch、while、中去声明变量 4.禁止使用with是好东西:能帮助我们写出规范的代码原创 2016-11-30 10:51:45 · 196 阅读 · 0 评论 -
清楚浏览器缓存给link标签加版本方法
var ol=document.getElementsByTagName("link");var oldhref=null;var v='?v=121212'for(var i=0; ioldhref=ol[i].getAttribute('href')if(oldhref.indexOf('?version')!=-1){ol[i].setAttribute('h原创 2016-12-05 19:59:07 · 588 阅读 · 0 评论 -
JS检测平台,如果是手机访问,就跳转到手机站
var browser = {versions : function() {var u = navigator.userAgent, app = navigator.appVersion;return {//移动终端浏览器版本信息 trident : u.indexOf('Trident') > -1, //IE内核presto : u.indexOf('Presto') >转载 2016-12-02 18:20:01 · 466 阅读 · 0 评论 -
正则验证手机号
无标题文档window.onload=function(){ var otxt=document.getElementById('txt');var re=/(^[1-9]\d{14}$)|(^\d{17}(\d|x)$)/otxt.onblur=function(){var vl=otxt.value;var res=re.test(vl);ale原创 2016-11-15 18:08:01 · 230 阅读 · 0 评论 -
indexOF
indexOF 这个属性不仅string可以使用,array也可以使用。不通的是string全兼容,array不兼容低级浏览器,所有不怎么用。如果想array也可以用。可以自己写一个构造函数,去兼容array情况下的低级浏览器版本。写法如下:window.onload=function(){ Array.prototype.indexOf=function(str)原创 2016-12-01 14:48:15 · 273 阅读 · 0 评论 -
JS 找数组中最小值的位置和对应的值
var arr = [12,45,21,-100,4,8,3,43,10];function finMinIndex(arr,start){var oMin=start;var oMinIndex=start;for(var i=0;iif(arr[i]oMin=arr[i]oMinIndex=i;}}return oMinIndex原创 2016-11-18 14:22:52 · 1545 阅读 · 0 评论 -
JS 中去掉数组的所有的奇数/偶数
var arr=[12,3,1,1,1,3,4,0]function finJO(arr){for(var i=0; iif(arr[i]%2==1){ // 如果要偶数 就把1变成0即可。arr.splice(i,1);i--}}return arr}finJO(arr)原创 2016-11-18 14:12:06 · 4123 阅读 · 0 评论 -
JS 中document.getElementsByClassName()兼容写法
function getByClassName(oParent,aClass){var aResult=[];var aEl=oParent.getElementsByTagName('*');for(var i=0; iif(aEl[i].className==aClass){aResult.push(aEl[i]);}}return aResult}原创 2016-11-18 10:23:08 · 1299 阅读 · 0 评论