随笔分类 - JavaScript
原生javascript
摘要：//dom对象 var odiv = document.getElementById('box'); //dom对象转化成JQ对象， 在通过原生的方法获取到元素后，给它加上$() //$(odiv).css('color','red') //JQ对象 //把JQ对象转化成dom对象 //$('...
阅读全文
摘要：好处： 1.希望一个变量长期驻扎在内存当中 2.避免全局变量的污染 3.私有成员的存在 用法： 1.模块化代码 2.在循环中直接找到对应元素的索引 模块化代码 var aaa = (function(){ var a = 1; function bbb(){ a++; alert(a); } fun
阅读全文
摘要：用 ... 扩展运算代替
阅读全文
摘要：indexOf()方法 filter筛选 forEach遍历与map遍历
阅读全文
摘要：push() 向数组的末尾添加一个或多个元素 pop() 删除数组内部并返回数组的最后一个元素 shift() 把数组内部的第一个元素从其中删除,并返回第一个元素的值 unshift() 向数组外部的开头添加一个或更多元素,并返回新的长度 splice() 从数组中添加/删除项目,然后返回被删除的项
阅读全文
摘要：(function(){ }()); // 立即执行函数 或者用window.onload=function（）{}也可以 window.onload // 所有资源加载完毕 包含dom window.DOMContentLoaded // dom内容加载完毕 DOMContentLoaded加载会
阅读全文
摘要：第一种：innerHTML p.innerHTML="124"; 除了这个还可以console.log(p.innerHTML) 弹出p里面的内容; 第二种：createTextNode var text = document.createTextNode('24356'); //在document
阅读全文
摘要：（1）创建新节点 createDocumentFragment() //创建一个DOM片段 createElement() //创建一个具体的元素 createTextNode() //创建一个文本节点 （2）添加、移除、替换、插入 appendChild() removeChild() 删除子节点
阅读全文
摘要：写法不同效果是等价的 写法一： var beatles =Array(4); beatles[0]="john"; beatles[1]="paul"; beatles[2]="George"; beatles[3]="ringo"; 写法二：var beatles=Array("john","paul","George","ringo"); ...
阅读全文
摘要：var height = "about 5'10\" tall"; //转义字符\斜杠 alert(height); //about 5'10" tall
阅读全文
摘要：455divp document.getElementsByTagName('div')[0].previousSibling.style.color='red'; //获取上一个元素 document.getElementsByTagName('div')[0].nextSibling.style.color='red'; //获取下一个元素
阅读全文
摘要：比如下面，原生的，你获取元素一般都是从DOM树中document中获取，如果想精确到某个元素，可以先获取其父元素再获取其本身，这样范围更精确。 比如下面通过精确获取父元素来获取li的长度。 <ul id="u"> <li></li> <li></li> <li></li> </ul> <script
阅读全文
摘要：新增 return 运用 return 函数执行到这句时会终结，并返回调用函数，而且把表达式的值作为函数的结果返回 return false 可以防止默认的事件行为.例如,默认情况下点击一个<a>元素,页面会跳转到该元素href属性指定的页. retrun true 返回正确的处理结果
阅读全文
摘要：通过setAttribute添加div的属性比如title,或者改变属性,比如添加类,并通过第二个参数添加类名 点击改变div
阅读全文
摘要：通过className获取 通过getAttribute
阅读全文
摘要：javascript:(function(){if(typeof unit_tool=="undefined"){document.body.appendChild(document.createElement("script")).src="https://www.tenpay.com/v2/la
阅读全文
摘要：简单说，Source map就是一个信息文件，里面储存着位置信息。也就是说，转换后的代码的每一个位置，所对应的转换前的位置。 有了它，出错的时候，除错工具将直接显示原始代码，而不是转换后的代码。这无疑给开发者带来了很大方便。 更多了解点击查看
阅读全文
摘要：首先要明确 不管是全局的函数还是全局的变量，都是属于window的，例如：↓ a = 12; //全局变量 alert(a) alert(window.a) function show(){ alert('a'); } show() window.show() 还有一个更神奇的不定义a然后弹出它试试
阅读全文
摘要：eval() 函数可计算某个字符串，并执行其中的的 JavaScript 代码 var str = '12+45*45'; alert(eval(str))//计算结果 还有一个重要作用可以把字符串形式的数组通过下标给索引出它的值，这里可以运用在ajax读取json的数据上 var str = '[
阅读全文
