08 2012 档案
摘要：<body><form name="f1"> <input name="b1" type="button" value="press me " /></form><script> function pleased() { document.getElementsByName("b1")[0].value += ".please!"; } document.getElementsByName("b1"
阅读全文
摘要：var hd = document.getElementById("hd");hd.setAttribute("align", "center");var hc = document.getElementById("hc");hc.align = "center";思考下 hc.align 与 hc.style.textAlign的差别
阅读全文
摘要：document有getElementByTagName等方法 ，element对象也定义了getElementByTagName等方法。它的行为与document对象的类似。只是它只返回一个元素，该元素是调用他的那个元素的后代。
阅读全文
摘要：setTimeout()和setInterval()在各种不同的情况下都很有用。当用户鼠标停留在某个文档元素上超过半分钟的时候，如果要显示一个工具提示，可以使用setTimeout()来调度工具提示显示代码。如果鼠标在代码被触发前离开了，可以使用clearTimeout()来取消计划的代码。
阅读全文
摘要：1、javascript针对恶意代码的第一条防线就是这种语言不支持某些能力，如：客户端的Javascript不提供任何方式来读取，写入和删除客户端计算机上的文件或目录。没有File对象，也没用文件访问函数，一个Javascript程序就无法删除用户的数据或者用户的系统中植入病毒。第二条防线在于Javascript在自己所支持的某些功能上强加限制。例如，客户端的Javascript可以脚本话HTTP协议来和Web服务器交换数据，并且它甚至可以从FTP或者其他服务器来下载数据、但是，Javascript不提供通用的网络原语，并且无法为任何主机打开一个socket或者接受一个来自其他主机的连接。
阅读全文
摘要：1.string方法search(),replace(),match() RegExp对象中有exec()和test（）方法 它们除了有input和Index外 还有lastIndex紧接在那个匹配之后的字符的位置。（只有带g标志的正则表达式才会发生这种特殊的lastIndex,如果RegExp对象没有标志g，exec()和test()将忽略它的lastIndex属性）
阅读全文
摘要：1.正则表达式中括号的特别作用之一/[a-z]+(\d+)/这里括号的作用是对后面的数据进行提取匹配（假如我们真正关心的是每个匹配尾部的数字）。如果用exec后面有几个（）分组都能够读出来。 如果是用match则后面只能有一个（）否则将不会显示出后面要匹配的结果；括号的特别作用之二允许我们在同一正则表达式后部引用前面的子表达式。通过字符“\”后加一位或多位数字实现的。数字指定了带括号的子表达式在正则表达式中的位置(以左括号作为依据)2.要求开始与结束相匹配使用/(['"])[^'"]*\1/ .如下例var str = "\"abcd12
阅读全文
摘要：1.javaScript字符串与json字符串的最大区别在于：json字符串必须使用双引号 ，Json的属性也得加引号。与javascript的对象字面量相比，JSON对象有两个地方不一样。首先，没有声明变量（json中没有变量的概念）。其次，没有末尾的分号（因为这不是javascript语句，所以不需要分号）。JSON中的对象属性必须加双引号。2.JSON之所以流行的最主要原因是：可以把JSON数据结构解析为有用的javascript对象。与XML数据结构要解析成DOM文档而且从中提取数据极为麻烦相比，JSON可以解析为JavaScript对象的优势极其明显。3.JSON对象有两个方法：st
阅读全文
摘要：一.跨文档消息传递：cross-document messaging 简XDM 。1.它的核心是postMessage()方法：目的是向另一个地方传递数据，对于XDM而言，“另一个地方”指的是包含在当前页面中的<iframe>元素，或者由当前页面弹出的窗口。2.postMessage()方法接收两个参数：一条消息和一个表示消息接收方来自哪个域的字符串，第二个参数对保障安全通信非常重要，可以防止浏览器把消息发送到不安全的地方。3.支持XDM的浏览器有IE8+ Firefox3.5+ Safari4+ Opera Chrome ios版Safari 以及Android版WebKit二.
阅读全文
摘要：在编写代码之前浏览器按下面规则将数据发送给服务器的：1对表单字段的名称和值进行URL变化，使用和号&分隔；2不发送禁用的表单字段；3只发送勾选的复选框和单选按钮4不发送type为reset和button的按钮5多选选择框中的每个选中的值单独一个条目6在单击提交按钮提交表单的情况下，也会发送提交按钮；否则，不发送提交按钮。也包括type为image的<input>元素7<select>元素的值，就是选中的<option>元素的value特性的值。如果<option>元素没有value特性，则是<option>元素的文本值。
阅读全文
摘要：第一部分1.在js中直接使用form.submit()不会调用submit事件，因此要先验证，而form.reset()跟用DOM2级别来写一样都会触发reset事件2.重置表单的需求很少见，比之常见的做法是提供一个取消按钮3.以下是第一次单击按钮后禁用提交按钮 EventUtil.addHanlder(form, "submit", function(event){ event = EventUtil.getEvent(event); var target = EventUtil.getTarget(event); //取得提交按钮 var btn = target.el
阅读全文
摘要：一.复合事件（缺少支持所以用处不大）：是DOM3级事件中新添加的一类事件，用于处理IME的输入序列。IME通常需要同时按住多个键，但最终只输入一个字符。 有三个复合事件compositionstart ：在IME的文本复合系统打开时触发，表示要开始输入了。compositionupdate：在向输入字段中插入新字符时触发。compositionend：在IME的文本复合系统关闭时触发，表示返回正常键盘输入状态。注：IE9+是到2011年唯一支持复合事件的浏览器，由于缺少支持所以用处不大。二.只有事件处理程序执行期间，event对象才存在，一旦事件处理程序执行完成，event对象就会销毁。三.H
阅读全文
摘要：事件类型有：UI（用户界面）事件，用户与页面上元素交互时触发 ；焦点事件：当元素获得或失去焦点时触发； 鼠标事件：当用户通过鼠标在页面上执行操作时触发；滚轮事件：当使用鼠标滚轮（或类似设备）时触发； 文本事件：当在文档中输入文本时触发； 键盘事件：当用户通过键盘在页面上执行操作时触发； 合成事件：当为IME（输入法编辑器）输入字符时触发； 变动事件：当底层DOM结构发生变化时触发；一.UI事件load:当前页面完全加载在window上面触发，当所有框架都加载完毕时在框架集上面触发，当图像加载完毕时在<img>元素上触发，或者当嵌入的内容加载完毕时在<object>元素上
阅读全文
摘要：1.DOM2级事件规定的事件流包括三个阶段：事件捕获阶段，处于目标阶段和事件冒泡阶段2.在IE中使用attachEvent（）与使用DOM0级方法的主要区别在于事件处理程序的作用域，在DOM0级方法事件处理程序会在其所属元素的作用域内运行，在使用attachEvent（）方法。事件处理程序会在全局作用域中运行，因此this等于window。3.event对象的属性与方法 hubbles 表示事件是否冒泡 cancelable 表示是否可以取消事件的默认行为 currentTarget 其事件处理程序当前正在处理事件的那个元素 defaultPrevented 为true 表示已经调用了prev
阅读全文
摘要：一、DOM中的范围 1.startContainer :包含范围起点的节点 即选区中第一个节点的父节点。startOffset:范围在startContainer中起点的偏移量。如果startContainer是文本节点、注释节点或者CDATA节点，那么startOffset就是范围起点之前跳过的字符数量。否则startOffset就是范围中第一个子节点的索引。endContainer:包含范围终点的节点，即选区中最后一个节点的父节点。endOffset范围在endContainer中终点的偏移量。 还有一个commonAncestorContainer:startContainer和endC
阅读全文
摘要：1.对于getComputedStyle()方法 即便浏览器支持border 但表示值的方式可能会有区别，因此在使用getComputedStyle()方法是，最好先在几个浏览器中测试下 （注）：IE有个myDiv.currentStyle与之等价 以上计算的样式都是只读的。2.应用于文档的所有样式表用document.styleSheets集合表示 。可以使用sheet = element.sheet || element.styleSheet 表示获取样式表对象的内容；这里使用这种方法返回的样式与document.styleSheets集合中的样式表对象相同3.取得第一条规则的方法如下：v
阅读全文
摘要：一.DOM2相对于DOM的变化 1.importNode()用于从一个文档中取得一个节点，然后将其导入到另一个文档，使其成为这个文档结构的一部分，在调用importNode（）时传 入不同文档的节点则会返回一个新的节点，这个心节点的所有权归当前文档所有，它与appendChild 的区别在于后者不能够传入属于不同文档的 节点 ；它接受两个参数 一个是要复制的节点和一个表示是否复制子节点的布尔值如 var newnode = document.importNode(oldNode, true);//导入节点及其所有子节点 document.body.appendChild(newNode); d
阅读全文
摘要：一.选择符API1. querySelector()方法 ：接收一个CSS选择符 ，返回与该模式匹配的第一个元素，若没有匹配到返回null。 其中通过Document类型调用querySelector()方法时，会在文档元素范围内查找匹配元素； 如var body = document.querySelector("body"); 通过Element类型调用querySelector()时，只会在该元素后代元素的范围内查找匹配元素 如var img = document.body.querySelector("img.button");2. queryS
阅读全文
浙公网安备 33010602011771号