摘要: 1.事件对象 用来记录一些事件发生时的相关信息的对象 A.只有当事件发生的时候才产生,只能在处理函数内部访问 B.处理函数运行结束后自动销毁2.如何获取事件对象 IE: window.event FF: 对象.on事件 = function(e) 通用法 var ev = e || window.event3.事件对象的属性A.关于鼠标事件的事件对象 相对浏览器位置 clientX/clientY 当鼠标事件发生时,鼠标相对于浏览器的位置B.相对于屏幕位置的 screenX/screenY 当鼠标事件发生时,鼠标相对于屏幕的位置C.相对于事件源的位置 IE: offsetX/offsetY . 阅读全文
posted @ 2013-07-14 18:31 好记性还真不如烂笔头 阅读(199) 评论(0) 推荐(0) 编辑
摘要: 同一个事件绑定多个事件处理程序(适合自己写)IE:添加:对象.attachEvent("on事件名","处理程序/函数名");执行顺序从后向前删除:对象.detachEvent("on事件名","处理程序/函数名");FF:对象.addEventListener("事件名","处理程序/函数名",布尔值[false]);对象.removeEventListener("事件名","处理程序/函数名",布尔值[false]); 阅读全文
posted @ 2013-07-14 03:08 好记性还真不如烂笔头 阅读(163) 评论(0) 推荐(0) 编辑
摘要: 1.创建节点 A.创建元素节点 document.createElement("元素标签名"); B.创建属性节点 document.createAttribute("属性名"); 对象.属性 = "属性值" 对象.setAttribute("属性名", 属性值); 对象.getAttribute("属性名"); C.创建文本节点 对象.innerHTML = "内容"; document.createTextNode("文本");2. 追加到页面中 A. 阅读全文
posted @ 2013-07-13 02:00 好记性还真不如烂笔头 阅读(172) 评论(0) 推荐(0) 编辑
摘要: javascript 节点属性详解根据 DOM,html 文档中的每个成分都是一个节点DOM 是这样规定的:整个文档是一个文档节点每个 html 标签是一个元素节点包含在于 html 元素中的文本是文本节点每一个 html 属性是一个属性节点注释属于注释节点1. 获得节点的引用 A. 旧的获得节点引用方式 getElementById()/getElementsByTagName()/getElementsByName() 劣势:浪费内存,逻辑性不强 B. 通过节点 关系属性 获得节点的引用 对象.parentNode 获得父节点的引用 对象.childNodes 获得子节点的集合 对象.fi 阅读全文
posted @ 2013-07-11 15:18 好记性还真不如烂笔头 阅读(273) 评论(0) 推荐(0) 编辑
摘要: 1.获得表单引用 A.通过直接定位的方式来获取 document.getElementById(); document.getElementsByName(); document.getElementsByTagName(); B.通过集合的方式来获取引用 document.forms[下标] document.forms["name"] document.forms.name C.通过 name 直接获取(只适用于表单) document.name2.获得表单元素的引用 A.直接获取 document.getElementById(); document.getEleme 阅读全文
posted @ 2013-07-11 03:36 好记性还真不如烂笔头 阅读(185) 评论(0) 推荐(0) 编辑
摘要: 1. 操作内容: A. innerHTML:设置/获取对象起始和结束标签内的内容,包括里面的 html B. innerText:适用于IE,用来设置/获取起始和结束标签内的文本内容,除去 html 标签 C. textContent: 与 innerText,只是适用于 FF2. 操作属性 A. 直接操作 对象.属性 对象.属性 = 值 B. 获取getAttribute("属性")/设置 setAttribute("属性", "值");3. 操作样式 A. 行内样式 对象.style.属性 //用于获取 对象.style.属性 = 阅读全文
posted @ 2013-07-10 22:17 好记性还真不如烂笔头 阅读(237) 评论(0) 推荐(0) 编辑
摘要: document 对象(作为对象),是 DOM 的核心作用:对内容,属性,样式等操作属性:title:设置/返回当前文档的标题url:返回当前文档的 urlinnerHTML:获取指定对象内的内容bgColor:/fgColor方法:getElementById(idname): 获取第一个 id=... 阅读全文
posted @ 2013-07-10 13:40 好记性还真不如烂笔头 阅读(310) 评论(0) 推荐(0) 编辑
摘要: history:包括浏览器访问过的 url属性:返回浏览器访问过的历史记录数方法:back(); forward(); go(number)location:包含当前 url 的相关信息属性:href:返回完整的url/设置urlsearch:返回查询部分方法:assign(): 加载新文档reload():重新加载文档,会一直加载当前的页面replace():用新的文档代替当前文档,无历史记录screen:记录客户端屏幕有关的信息属性:width/height, availWidth/availHeight 阅读全文
posted @ 2013-07-10 13:14 好记性还真不如烂笔头 阅读(187) 评论(0) 推荐(0) 编辑
摘要: BOM:window、location、history、screen、navigator、document、frames属性:1.位置 浏览器与屏幕的距离: IE: [window.]screenTop/[window.]screenLeft FF: screenX/screenY IE 是从文档内容区到屏幕顶部的距离,FF是标题栏到屏幕的距离2. 获得窗口的大小 FF: window.innerWidth/widow.innerHeight IE/FF document.documentElement.clientWidth/document.documentElement.clientH. 阅读全文
posted @ 2013-07-09 22:59 好记性还真不如烂笔头 阅读(167) 评论(0) 推荐(0) 编辑
摘要: object 为一切对象的基类!属性:constructor: 对创建对象的函数的引用Prototype: 原型(类型)hasOwnProperty(property):判断对象是否有某个特定的属性isPrototypeOf():判定该对象是否为另一个对象的原型!instanceof(): 判定对象是否为另一个对象的类型继承:call,apply1.用原型实现:function func1(){ //代码}function func2(){ // 代码}func2.Prototype = new func1();var obj = func2();2. call 方法 obj.func.cal 阅读全文
posted @ 2013-07-08 13:13 好记性还真不如烂笔头 阅读(271) 评论(0) 推荐(0) 编辑