JavaScript 【非IE DOM2级XML】

DOM2中的XML IE可以实现了对XML字符串或XML文件的读取,其他浏览器也各自实现了对XML处理功能.DOM2级在document.implementaion中引入了createDocument()方法.IE9.Firefox.Opera.Chrome和Safari都支持这个方法. var xmlDom = document.implementation.createDocument("", "root", null); //1 命名空间 2 跟表亲 3 文档…

DOM0、DOM2级事件

JavaScript DOM0.DOM2级事件 1.DOM0级事件:on+事件类型在html行内直接绑定,也就是通过行内js绑定的例如<span onclick="alert('1')">第一项</span> 在js中绑定例如://<span onclick="alert('2')">第一项</span> var Ospan=document.getElementsByTagName('span')[0];Ospan…

javascript中DOM0,DOM2,DOM3级事件模型解析

DOM 即文档对象模型. 文档对象模型是一种与编程语言及平台无关的API(Application programming Interface),借助于它,程序能够动态地访问和修改文档内容.结构或显示样式. DOM3级,顾名思义,有三种DOM. W3C协会早在1988年就开始了DOM标准的制定,W3C DOM标准可以分为DOM1,DOM2,DOM3三个版本. DOM1级主要定义的是HTML和XML文档的底层结构. DOM1 主要定义的是HTML和XML文档的底层结构.其实世上本来没有DOM0级,…

JavaScript 之默认行为 DOM2级，事件委托机制

1. 事件默认行为及阻止方式 1.1 浏览器的默认行为 JavaScript事件本身所具有的属性,例如a标签的跳转,Submit按钮的提交,右键菜单,文本框的输入等. 1.2 阻止默认行为的方式 event.preventDefault(); event.returnValue = false; return false; //IE低版本和其他版本都支持return false,而其他两种IE低版本不支持. <a href="">click he…

javaScript——DOM1级，DOM2级，DOM3级

DOM0,DOM2,DOM3事件处理方式区别:http://www.qdfuns.com/notes/11861/e21736a0b15bceca0dc7f76d77c2fb5a.html JS中dom0级事件和dom2级事件的区别介绍:http://www.jb51.net/article/83602.htm…

JavaScript 【 IE中的XML DOM 】

IE中的 XML DOM 在统一的正式规范出来以前,浏览器对于XML的解决方案各不相同.DOM2级提出了动态创建XML DOM规范,DOM3进一步增强了XML DOM.所以,在不同的浏览器实现XML的处理是一件比较麻烦的事情. 一.创建XMLDOM对象 var xmlDom = new ActiveXObject('MSXML2.DOMDocument'); 微软的三种版本: 1.MSXML2.DOMDocument.6.0 最可靠最新的版本 2.MSXML2.DOMDocument.3.0 兼…

测试DOM0级事件和DOM2级事件的堆叠

1. 问题如果大家看过北风网CJ讲师的Javascript视频教程,就可以看到其封装了一个很强的事件添加和删除函数,如下所示 function addEvent(obj, evtype, fn) { //符合W3C的事件模型 if (obj.addEventListener) { obj.addEventListener(evtype,fn,false); return obj; } //IE或Opera浏览器 if (!obj.functions) obj.functions={}; if…

DOM0级事件处理、DOM2级事件处理

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta h…

2015-03-12——简析DOM2级事件

DOM2级事件事件的几种类型:对象事件,鼠标事件,键盘事件,表单事件,W3CDOM事件,以及针对浏览器的事件. 对象事件:window对象,也是javascript对象.load 适用于window对象,页面需要的所有图像文件都载入完成才触发.unload 适用于window对象,页面被关闭之前捕获最后一瞬间的信息.error 适用于window对象和图像对象.图像一旦设置src属性,就开始载入图像.abort 在图像完全载入之前,因浏览器停止载入页面导致图像载入失败时触发.通常发生在…

dom0级事件和dom2级事件

dom0级事件 <a href="#" id="hash" onclick="fn();fn1();"> <button type="button">返回上面进行开通</button> </a> var btn=$('#hash').get(0); btn.onclick=function(){ alert('111'); }; btn.onclick=function(){ a…

js 中用Dom2级事件处理函数(改变样式)

下面这些客户端 javascript代码用到了事件,它给一个很重要的事件--“load" 事件注册了一个事件处理程序.同时展示了注册”click“事件处理函数更高级的一种方法 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <b…

JavaScript之模仿块级作用域

简介:在JavaScript中没有块级作用域的概念.这意味这在块语句中定义的变量,实际上在包含函数中而非语句中创建的.证明代码如下: function outputNumbers(count){ for(var i=0;i<count;i++){ break; } alert(i); } outputNumbers(3); //输出:0 下面来分析上面这个函数,上面的函数中定义了一个for循环,在Java,C#,C++等语言中,变量i只会在for循环中有定义,循环一旦结束,变量i就会被销毁,可是…

DOM1级问题与DOM2级事件

前几天有小伙伴问过我一个问题,为什么有DOM 0级事件以及DOM2级事件,但是却没有DOM1级事件呢?那我们今天就来说一说DOM的级别问题. 同时推荐伙伴们可以看看尚学堂有关JavaScript BOM的文章:<细说javascript BOM> 一.DOM0级事件 0级DOM分为两种行内事件:在标签中写事件元素.on事件名=函数 1.行内<input type="button" id="btn" value="按钮" on…

关于DOM2级事件的事件捕获和事件冒泡

DOM2级事件中addEventListener的执行机制,多个addEventListener同时添加时的执行先后规律: W3C的DOM事件触发分为三个阶段:①.事件捕获阶段,即由最顶层元素(一般是从window元素开始,有的浏览器是从document开始,至于其中的差别我稍后会更新)开始,逐次进入dom内部,最后到达目标元素,依次执行绑定在其上的事件②.处于目标阶段,检测机制到达目标元素,按事件注册顺序执行绑定在目标元素上的事件.③.事件冒泡阶段,从目标元素出发,向外层元素冒泡,最后到达顶层…

DOM0级与DOM2级

定义: 0级DOM 分为2个:一是在标签内写onclick事件二是在JS写onlicke=function(){}函数 1) <input id="myButton" type="button" value="Press Me" onclick="alert('thanks');" > 2) document.getElementById("myButton").onclick = func…

javascript中模仿块级作用域

学过 javascript 的都知道 javascript 里面没有块级作用域的概念,这就意味着在块语句中定义的变量,实际上是在包含函数中而非语句中创建的,看下面的例子: function outPutNumber(count) { for(var i = 0; i < count; i ++) { alert(i); } alert(i); //计数 } 上面的函数中定义了一个 for 循环,而变量 i 的初始值被设置为0.在 java.c++等语言中,变量 i 只在 for 循环中定义和使用…

关于DOM事件流、DOM0级事件与DOM2级事件

一.DOM 事件模型 DOM 事件模型包括捕获和冒泡,捕获是从上往下到达目标元素,冒泡是从当前元素,也就是目标元素往上到 window 二.流流的概念,在现今的 JavaScript 中随处可见.比如说 React 中的单向数据流,Node 中的流,还有 DOM 事件流,都是流的一种生动体现.至于流的具体概念,用术语说流是对输入输出设备的抽象.以程序的角度说,流是具有方向的数据. 三.事件流浏览器在为当前页面与用户做交互的过程中,比如点击鼠标左键,会出现这个左键是怎么传到页面上,还有怎么响应…

MyEclipse 关闭拼写检查、JavaScript的检查Build、xml、JSP的Bulid检查

前言 MyEclipse 的拼写检查.JavaScript的检查Build.xml.JSP的Bulid检查很讨厌,有时不仅会一直build卡住,而且明明是对的它却报错,示例: 关闭方法 1.关闭拼写检查 2.关闭JavaScript.xml.JSP的Bulid检查…

Javascript中没有块级作用域（模仿）

在C/C++中,由花括号封闭的代码块都有自己的作用域,也就是块级作用域(私有作用域).而在javascript中则没有块级作用域,首先来看一段代码: function test(){ for(var i = 1 ; i <=5; i++){ //i alert(i); } //alert(i); //6 } */ //test(); 对于有块级作用域的语言来说,for语句中定义并初始化的变量i在循环外是无法访问的,而在javascript中,for语句中定义的变量i在循环结束后,依旧会存在于循环…

【20190226】JavaScript-知识点记录：dom0级事件，dom2级事件

DOM0级事件处理程序: 通过将元素的事件处理程序属性(如onclick)的值设置为一个函数来指定事件处理程序的方法称为DOM0级方法,它被认为是元素的方法,这时候的事件处理程序是在元素的作用域中运行(也就是this引用当前元素): var btn = document.getElementById('myBtn'); btn.onclick = function(){ alert(this.id); }; DOM2级事件处理程序: 通过addEventListener()方法和removeEv…

DOM2级事件处理程序

DOM2级时间定义了两个方法:addEventListener() 和removeEventListener() 他们都接受3个参数:1)要处理的事件名 2)作为事件处理程序的函数 3)一个布尔值 (ps:true表示捕获阶段调用事件处理程序,false表示冒泡阶段调用事件处理程序) 使用DOM2比DOM0的好处有:可以添加多个事件处理程序…

事件流程以及dom2级事件绑定

事件流程分为三个阶段:捕获阶段.目标阶段.冒泡阶段. 捕获阶段:事件从最顶层元素开始执行,一层层往下,直到精确元素. 目标阶段:事件在精确元素上执行. 冒泡阶段:事件从精确元素开始执行,一层层往上,直到顶层元素(注:高级浏览器的顶层元素是window,ie8以下的浏览器顶层元素是document) DOM2级事件绑定方式高级浏览器绑定方式: 元素.addEventListener(type, handler, boolean); //绑定 type 事件类型字符串…

js DOM0级事件和DOM2级事件

注册事件有两种方式,分别是DOM0级和DOM2级 DOM0级就是通过事件绑定的形式dom元素只能有(绑定)一个事件处理函数,他的特点是同一个元素绑定相同事件, 后面函数会覆盖前面的绑定: dom.on+type = 事件处理函数 dom.onclick = function(){} 函数里面是要执行的功能 btn.onclick = function() { alert('hehe'); } btn.onclick = function() { alert('hihi'); } // 绑定事件…

JS事件委托（事件代理，dom2级事件）

一.前言说实话,真问我什么是事件委托,我肯定gg,还好查了一下,原来就是我之前练习过的DOM2级事件的应用. 二.什么是事件委托? 事件委托就是当事件触发时,把要做的事委托给父元素(或父元素的父元素)来处理.也就是:利用冒泡的原理,把事件加到父级上,通过判断事件来源的子集,执行相应的操作.使用事件委托技术能让你避免对特定的每个节点添加事件监听器. 三.事件委托作用 1.减少事件注册,节省内存 -table可以代理所有td的click事件 -ul可以代理所有li的click事件 2.能为之后新增…

DOM0级同DOM2级

DOM0级分为两个:一是写在标签内的onclick事件: <button id="btn" onclick="alert('happy')">按钮</button>二是在JS写的onclick = function() {}函数 document.getElementById("btn").onclick = function() { alert('thanks') };DOM2级只有一个:监听方法,原生方法addEven…

JavaScript之Dom1|DOM2|DOM3之DOM1【节点层次】

长文慎读. 导航: 1.节点层次 2.Node类型 3.Document类型 4.Element类型 5.Text类型 6.Comment类型 7.CDATASection类型 8.DocumentType类型 9.DocumentFragment类型 10.Attr类型 11.HTMLCollection类型一. DOM1 1.节点层次 DOM可以将任何HTML或者XML文档描绘成一个由多层节点构成的结构. 节点分为几种不同的类型,每种类型表示文档中不同的信息或标记. 每个节点都拥有各自的特…

JavaScript 【跨浏览器处理XML，做个兼容】

//兼容方法 function getXMLDOM(xmlStr) { var xmlDom = null; if (typeof window.DOMParser != "undefined") { xmlDom = (new DOMParser).parseFromString(xmlStr, "text/xml"); var errors =…

JavaScript IIEF 模仿块级作用域

前言 JavaScript没有块级作用域的概念.但是通过IIEF 立即执行函数我们可以实现块级作用域. function outputNumbers(count){ for (var i=0; i < count; i++){ alert(i); } alert(i); //计数 } 这个函数中定义了一个for循环,而变量i的初始值被设置为0.在Java.C++等语言中,变量i只会在for循环的语句块中有定义,循环一旦结束,变量i就会被销毁. 可是在JavaScrip中,变量i是定义在ouput…

JavaScript使用浏览器内置XML解析器解析DOM对象

所有现代浏览器都内建了供读取和操作 XML 的 XML 解析器.解析器把 XML 转换为 XML DOM 对象 (可通过 JavaScript 操作的对象). 一.获取DOM对象 XMLHttpRequest执行ajax响应的XML文档转为DOM对象 var xmlhttp=null; if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome xmlhttp=new XMLHttpRequest(); }else{// code f…