随笔分类 -  JavaScript

js的事件的绑定
摘要：js的绑定事件 绑定事件有什么用，当你一个按钮点击时需要执行2个函数，就可以用绑定事件，一般只有没绑定事件增加两个onclick函数，第二会覆盖第一个函数的。 <!DOCTYPE html Examples //用绑定事件主要是为了不被相同的事件给覆盖， function myAddEvent(ob 阅读全文
posted @ 2016-11-08 00:34 MrPat 阅读(171) 评论(0) 推荐(0)
js正则表达式(常用)
摘要：正则表达式(常用) 写法 js写法 perl写法 量词 {n} 正好出现5次 {n,m} 最少出现n次 最多出现m次 {n,}最少n 最多不限 \d{8} 8个数字 [1 9]\d{7} 第一位是1 9的数字， 常用的非打印字符 \w 英文数字下划线 \s 空白字符 \g 匹配所有 \W （和小写的 阅读全文
posted @ 2016-11-01 22:21 MrPat 阅读(180) 评论(0) 推荐(0)
js创建节点，小试牛刀
摘要：实现如下的功能 非常简单的一个小训练。 思想： 1.首先创建text和一个button 代码如下、 2.用js createElement('li');创建li标签放进ul里面 js代码如下 其实代码非常简单，自己写写，练习一下熟练度。 阅读全文
posted @ 2016-09-07 22:16 MrPat 阅读(206) 评论(0) 推荐(0)
js的捕捉事件，冒泡事件
摘要：冒泡事件可以查询上个随笔， 捕捉事件正好和冒泡时间正反着 所以这代码我把冒泡事件注释， html和css的内容 js部分代码 其实捕捉监听事件和冒泡事件只是函数的一个参数不同，一个true，一个false。 其实主要有时候我们实现某些功能时，需要移除捕捉和冒泡事件。 阅读全文
posted @ 2016-09-05 10:36 MrPat 阅读(277) 评论(0) 推荐(0)
js时间冒泡，阻止事件冒泡
摘要：首先解释一下事件冒泡神什么， 在js中，假如在div中嵌套一个div 如 当你用onclick事件时，当你点击id=‘box4’的div，事件会一直传递到box3，box2，box1，html 这就叫事件的冒泡，有时候不需要冒泡，所以会阻止冒泡。 firefox，chrome中用的是 阅读全文
posted @ 2016-09-04 22:22 MrPat 阅读(838) 评论(0) 推荐(0)
js鼠标，键盘，坐标轴事件
摘要：鼠标按下事件，左键是0，滑轮是1，右键2 键盘ctrl，alt 坐标轴时间 <div id="box"> </div> <textarea id="textbox" style="display:block;margin:50px auto;width:400px;height:200px;"></ 阅读全文
posted @ 2016-09-04 19:59 MrPat 阅读(485) 评论(0) 推荐(0)
javascript各种兼容性问题，不断更新
摘要：ie6-ie8 不支持textContent支持innerTextchrome 支持textContent innerTextfireFox 仅支持textContent不支持innerText 修改css样式 一般用js修改样式，都是获取id,如 但是這是修改行间的属性，还记得style有优先级吗 阅读全文
posted @ 2016-09-04 18:58 MrPat 阅读(192) 评论(0) 推荐(0)
dom对象
摘要：一般常用的几个dom对象的函数 小程序：自动增加一个1到10，用p标签 用dom实现9*9乘法表 通过dom改变样式 dom对象一般了解常用的函数就可以，要深入研究的，可以通过系统学习。谷歌度娘也行 阅读全文
posted @ 2016-09-03 22:54 MrPat 阅读(145) 评论(0) 推荐(0)
number对象，bom对象
摘要：number对象 新创建一个number的对象，toFixed是精确到位数 小技巧：可以获取函数传入了多少个参数。 Function可以這样用，最后一个参数是返回值 bom对象 小功能：屏幕自动往下动， 页面向前，向后， 小功能：延迟3000毫秒返回上一个网页 location 小技巧：获取get方 阅读全文
posted @ 2016-09-03 15:05 MrPat 阅读(166) 评论(0) 推荐(0)
math对象和date对象
摘要：math对象的函数方法，记住Math首字母要大写 随机数的拓展,取上限和下限，获取之间的随机数。 Math.random()是获取一个0-1的数， date对象 获取当前的时间 创建一个时间对象 拓展， 小应用：倒计时 阅读全文
posted @ 2016-09-03 14:19 MrPat 阅读(298) 评论(0) 推荐(0)
js 数组对象，数组的使用
摘要：通过指定的分隔符来隔开字符串，将每一个放进数组 将数组转换成字符串，下面的代码是通过+连接每个元素 还有一个用来转换成字符串，默认用 ','来连接各个元素 入列，出列，出栈，入栈 颠倒数组里面的元素 截取数组上的元素 删除元素然后添加元素 数组排序（可以选择方法） 你会发现排序0，100，90，他是 阅读全文
posted @ 2016-09-03 13:16 MrPat 阅读(7375) 评论(0) 推荐(0)