随笔分类 - JS
特指原生JS
摘要：1、客户区坐标位置 (相对于客户端视口，而无关浏览器缩放) clientX与clientY：表示事件发生时鼠标在视口的坐标，不包括页面滚动距离，因此不代表鼠标在页面上的位置。 2、页面坐标位置 pageX与pageY：包括页面滚动距离，代表鼠标在页面上的位置。 无滚动时，clientX==pageX
阅读全文
摘要：1、滚动条事件scroll 2、mouseenter与mouseover的区别： mouseover事件不牵扯到后代元素，但mouseover事件会 如图两个div，给外层div#red添加mouseenter事件，这个事件也仅仅绑定到了#red上。 给#red添加mouseover事件，#blue
阅读全文
摘要：html事件处理程序中，变量event中保存着事件对象 1、DOM中的事件对象 无论是DOM0还是DOM2，事件处理程序中都会传入一个event对象 所有的事件都会有下表列出的成员： 在事件处理程序内部，对象this始终等于currentTarget的值，而target是事件实际目标 stopPro
阅读全文
摘要：1、事件流描述的是从页面接收事件的顺序 IE和Netscape提出了几乎完全相反的事件流概念 IE：事件冒泡（由内而外） Netscape：事件捕获（由外向内） DOM2级事件规定事件流包括三个阶段：事件捕获阶段、处于目标阶段、事件冒泡阶段 2、为事件指定处理程序的方式 2.1、HTML事件处理程序
阅读全文
摘要：操作字符串 简化程序 一些转移字符： 四个核心方法：test、match、replace、search 1.test 匹配字符串，返回布尔值true/false 用法：正则.test(字符串) 2.match 正则去匹配字符串，如果匹配成功，则返回匹配成功的数组，否则返回null 字符串.match
阅读全文
摘要：位置 javascript jquery 兼容性 窗口位置离屏幕左偏移 var leftPos = (typeof window.screenLeft == "number") ? window.screenLeft : window.screenX; 浏览器兼容性问题可能不准确,建议用moveTo
阅读全文
摘要：<!DOCTYPE> <html> <head> <title>级联下拉列表</title> <meta charset="UTF-8"> </head> <body onload="load()"> <div> <select class='prov' id='prov' onchange='ch
阅读全文
摘要：1、字符串转驼峰 例如：border-bottom-color > borderBottomColor 2、查找字符串中出现次数最多的字符和次数 例如：sdddrtkjsfkasjdddj中出现最多的字符是d,出现了6次
阅读全文
摘要：1、JS六种基本数据类型：string Boolean number object undefined function typeof返回的是字符串，有六种：string Boolean number object undefined function 2、instanceof 实例 a insta
阅读全文
摘要：cookie localstorage sessionstorage 数据的生命周期 可以设置失效时间，一般默认为浏览器关闭后 若不被清除，则永久保存 存在于一次会话中，刷新页面数据仍然存在，但关闭页面或浏览器失效 存储数据的大小 大约4k 与服务端通信 每次都会携带在http头中，使用cookie
阅读全文
摘要：window对象下的方法和属性 window.open(url,打开的方式) //第二个参数存在较多兼容性问题，故一般不用 第一个参数为空，默认打开空白页 第二个参数为空，默认新窗口方式 open()方法返回新打开的窗口的window对象，可能操作新窗口页面（可能存在跨域问题） window.ons
阅读全文
摘要：注意：就算代码中不包含<tbody>标签，浏览器解析时也可能会自动添加，因此需要注意子元素的选择 表格操作用到的属性： 1、tHead 2、tBodies 3、tFoot 更为细致的有： 4、rows 5、cells 表格操作：
阅读全文
摘要：EMACScript:一种规范，JS必须准守它的约定，JS的核心。 DOM:文档对象模型，W3C标准，JS访问HTML文档的接口。 BOM:浏览器对象模型，没有统一的标准。JS访问浏览器的接口。 EMACScript 1、什么是EMACScript？ EMACScript可以为不同种类的宿主环境提供
阅读全文
