随笔分类 -  javascript

页面的关键词高亮
摘要：function keyLight(id, key, bgColor) { var oDiv = document.getElementById(id), sText = oDiv.innerHTML, bgColor = bgColor || "orange", sKey = "" + key + "", num = -1, rStr = new RegExp(key,... 阅读全文
posted @ 2018-02-27 12:04 蔡春保 阅读(229) 评论(0) 推荐(0)
函数的call()方法和apply()方法
摘要：阅读各种框架的源码apply和call方法肯定经常看到，好好理解一下概念至关重要。 JavaScript中的函数也是对象，和其他JavaScript对象没什么两样，函数对象也可以包含方法。其中的call()方法和apply()方法可以间接调用函数。两个方法都允许显式指定调用所需的this值，也就是说 阅读全文
posted @ 2017-11-05 22:17 蔡春保 阅读(577) 评论(0) 推荐(0)
理解文档对象模型（3）
摘要：这篇DOM说一说饱受争议window对象，还好window对象已经作为HTML5的一部分被添加到HTML规范之中了 1. 获取window 可以使用两种方法获取window对象， 正规的HTML5方式是在document对象上使用defaultView属性； 另一种则是使用浏览器都支持的全局变量wi 阅读全文
posted @ 2017-09-19 23:09 蔡春保 阅读(234) 评论(0) 推荐(0)
理解文档对象模型（2）
摘要：接上一篇文章，继续理解DOM模型，这次主要写一些原生js如何获取HTML元素对象，Document对象的一大关键功能就是作为一个入口，让你能访问代表文档里各个元素的对象。可以将DOM视为一棵树并沿着它的结构进行导航。 1. 使用属性获取元素对象 Document对象为你提供一组属性，它们会返回代表文 阅读全文
posted @ 2017-09-07 22:09 蔡春保 阅读(224) 评论(0) 推荐(0)
理解文档对象模型（1）
摘要：DOM全称Document Object Model文档对象模型，允许我们用javascript来操作HTML文档里面的内容。DOM是一组对象的集合，这些对象代表HTML文档里的各个元素。 1. Document对象 document对象代表当前的文档，它是由浏览器创建，并且充当文档对象模型(DOM 阅读全文
posted @ 2017-08-28 23:35 蔡春保 阅读(354) 评论(0) 推荐(0)
获取验证码倒计时
摘要：做到有关用户注册的时候，会遇到获取验证码的时候，验证码会有一个60s的倒计时，工作中写了一个原生js代码。 html js 阅读全文
posted @ 2017-05-16 11:31 蔡春保 阅读(163) 评论(0) 推荐(0)
json
摘要：json只是数据的一种格式，简介和清晰的层次结构让它成为数据交换的语言，易于人编写和阅读，同时也易于机器解读和生成，并且有效提高数据传输速度。json有两种格式 1.json对象 2.json数组 往往实际中应用的是两者的组合成更为复杂的数据集合 json和js对象的转换，window下有JSON属 阅读全文
posted @ 2017-04-28 11:23 蔡春保 阅读(143) 评论(0) 推荐(0)
Ajax
摘要：术语Ajax描述了一种主要使用脚本操纵HTTP的Web应用架构，浏览器再XMLHttpRequest类上定义了它们的HTTP API，这个类的每个实例都表示一个独立的请求/响应对 一个HTTP请求由4部分组成： HTTP请求方法或“动作”（verb） 正在请求的URL 一个可选的请求头集合，其中可能 阅读全文
posted @ 2017-03-28 22:16 蔡春保 阅读(202) 评论(0) 推荐(0)
js解决苹果移动端300ms延迟的问题
摘要：做移动端页面开发的可能会了解到，ios系统click事件会有卡顿的现象，这个问题的根源是苹果本身自带的safari有双击放大页面的功能，再次双击会返回到原始尺寸，所以在第一次点击的系统会延迟300ms来判断是不是双击操作，为了解决这个问题，网上也给了解决的办法，把click事件绑定到ontouchs 阅读全文
posted @ 2017-03-28 11:34 蔡春保 阅读(749) 评论(1) 推荐(0)
js字符串的操作
摘要：js中字符串的使用非常普遍，以下是一些常用的方法和属性，字符串以str='abcdabc'举例。 1.length属性 2.replace()方法 3.search()方法 4.concat()方法 5.charCodeAt()方法 6.charAt()方法 7.indexOf()方法 8.slic 阅读全文
posted @ 2017-03-23 14:36 蔡春保 阅读(234) 评论(0) 推荐(0)
js数组的操作
摘要：js中数组的使用非常普遍，以下是一些常用的方法和属性，数组以arr=[1,2,3,4]举例。 1.length属性 获取数组的长度，arr.length返回4。 2.indexOf()和lastIndexOf()方法 数组是通过indexOf()来搜索一个指定的元素的位置，例如arr.indexOf 阅读全文
posted @ 2017-03-16 18:15 蔡春保 阅读(240) 评论(0) 推荐(0)
JS获取当前时间
摘要：原生JS有一个Date()对象，通过这个对象能获取当前的具体时间 var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.getMonth 阅读全文
posted @ 2017-02-04 11:34 蔡春保 阅读(777) 评论(0) 推荐(0)