JavaScript-dom1 - 相关文章

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之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 and dom1

JavaScript Dom0 Dom1

行为样式结构相分离的页面 JS CSS HTML DOM 0写法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <table border="1" width=&qu…

一步步学习javascript基础篇（8）：细说事件

终于学到事件了,不知道为何听到“事件”就有一种莫名的兴奋.可能是之前的那些知识点过于枯燥无味吧,说起事件感觉顿时高大上了.今天我们就来好好分析下这个高大上的东西. 可以说,如果没有事件我们的页面就只能阅读了.有了事件,我们可以通过键盘或是鼠标和页面交互了,通过我们不同的操作页面给出不同的响应.好了,开始我们今天的分析吧. DOM0级事件处理方式什么是DOM0级? 其实世上本来没有DOM0级,叫的人多了就有了DOM0级. 在1998 年 10 月 DOM1级规范成为 W3C 的推荐标准,在此之前…

【转】浅谈JavaScript、ES5、ES6

什么是JavaScript JavaScript一种动态类型.弱类型.基于原型的客户端脚本语言,用来给HTML网页增加动态功能.(好吧,概念什么最讨厌了) 动态: 在运行时确定数据类型.变量使用之前不需要类型声明,通常变量的类型是被赋值的那个值的类型. 弱类: 计算时可以不同类型之间对使用者透明地隐式转换,即使类型不正确,也能通过隐式转换来得到正确的类型. 原型: 新对象继承对象(作为模版),将自身的属性共享给新对象,模版对象称为原型.这样新对象实例化后不但可以享有自己创建时和运行时定义的属性,…

深入理解JavaScript系列：JavaScript的构成

此篇文章不是干货类型,也算不上概念阐述,就是简单的进行一个思路上的整理. 要了解一样东西或者完成一件事情,首要的就是先要搞清楚他是什么.作为一个前端开发人员,JavaScript应该算作是最核心之一的内容.要想从掌握到熟悉再到精通这门语言,第一步要做的就是先弄明白JavaScript是个什么. 1.JavaScript是什么. JavaScript是门语言,和C#.C++.Java这些编程语言一样,只不过不同语言间有各自的语言规范差异.当然,这是句废话. 前端学习一般从写一个静态页面开始,这个以…

JavaScript和DOM的产生与发展

首先本篇文章摘自:http://itbilu.com/javascript/js/Vyxodm_1g.html 非常感谢本篇文章的作者,他理清了我映像中混乱的DOM Level级别.让我知道了DOM0级并不存在,而我们现在常用CoreDOM.HTML-DOM都属于DOM1级,而事件的接口,则是从DOM2级开始引入. ====================== 具体内容 ===================== JavaScript历经了从被人误解到现在的被万众瞩目的转变.随着一些JavaSc…

Javascript高级程序设计——javascript简介

1.Javascript简史 javascript诞生于1995年,是由网景公司的Brendan Eich开发的,最初的目的是在客户端处理一些输入验证操作,自此后成为常见浏览器的特色功能,如今用途已经不限于简单的数据验证,而是具备与浏览器窗口及其内容等几乎所有方面交互的能力.当时javascript是为了搭上媒体热炒的java才改名为javascript其最初名为livescript. 在javascript取得巨大成功后,微软公司也在自己的浏览器中加入了名为JScript的javascript…

javascript笔记6-DOM

DOM(文档对象模型)是针对HTML和XML文档的一个API.DOM描绘了一个层次化的节点树,允许程序员添加.修改页面的一部分. 节点层次:DOM可以将任何HTML或XML文档描绘成一个由多层次节点构成的结构.如: document节点有一个独生子:html元素. 每个元素节点其实是一个对象. 元素.元素的属性.甚至注释,都有各自的节点和各自节点的位置. 所以,节点有很多种类型,而这些不同的节点都继承自一个基础类型:Node类型. Node类型的节点 Javascript中的所有节点类型均继承自…

JavaScript 闯关记

DOM(文档对象模型)是针对 HTML 和 XML 文档的一个 API.DOM 描绘了一个层次化的节点树,允许开发人员添加.移除和修改页面的某一部分. 节点层次 DOM 可以将任何 HTML 或 XML 文档描绘成一个由多层节点构成的结构.节点分为几种不同的类型,每种类型分别表示文档中不同的信息及(或)标记.每个节点都拥有各自的特点.数据和方法,另外也与其他节点存在某种关系.节点之间的关系构成了层次,而所有页面标记则表现为一个以特定节点为根节点的树形结构.以下面的 HTML 为例: <html>…

【读书笔记】读《JavaScript高级程序设计-第2版》 - 非函数部分

章节列表: 第08章:BOM 第09章:客户端检测第10章:DOM 第11章:DOM2和DOM3 第12章:事件第13章:表单脚本第14章:错误处理与调试第17章:Ajax和JSON第20章:最佳实践片段串接: (function($){ /** * 第8章:BOM * window对象的核心函数 * 1>超时调用和间歇调用 * 2>核心对象: * a>location * b>navigator * c>screen * d>history */ //超时调…

javaScript初学者易错点

大家好,这是我在博客园写的第一篇博文.作为一名前端开发初学者,由于经验不足,水平有限,在做项目的过程中总会遇到这样或那样的问题,每每这时候,我都比较喜欢到博客园这里来寻求解决方案,结果也总是能找到满意的答案.人不仅要懂得获取,还应该懂得付出.因此,我今天在这里注册了一个账号,以后把自己在学习过程中积累的点点滴滴和大家一起分享一下下,还说不定也许对于那些比我晚学前端的亲们有一点点的帮助呢.我的目的很简单,那就是希望在这个平台里和大家一起学习,共同进步.其他的我就不多说了,现在直接切入正题吧,就是简…

JavaScript事件处理的三种方式(转)

一.什么是JavaScript事件? 事件(Event)是JavaScript应用跳动的心脏,也是把所有东西粘在一起的胶水,当我们与浏览器中Web页面进行某些类型的交互时,事件就发生了. 事件可能是用户在某些内容上的点击.鼠标经过某个特定元素或按下键盘上的某些按键,事件还可能是Web浏览器中发生的事情,比如说某个Web页面加载完成,或者是用户滚动窗口或改变窗口大小.说白了,事件是文档或浏览器中发生的特定交互瞬间! 通过使用JavaScript,你可以监听特定事件的发生,并规定让某些事件发生以对这…

JQuery笔记：JQuery和JavaScript的联系与区别

来源:http://www.ido321.com/1019.html ps:LZ觉得这个标题有点大了,超出了能力范围,不喜勿碰.目前只记录LZ能力范围内的,日后持续补充. 一.JQuery对象和DOM对象的相互转化(<锋利的JQuery>) JQuery转化为DOM: 1.var jq = $(‘#selector’); var dom = jq[index]; 2.var jq1 = $(‘#selector1’); var dom1 = jq1.get(index) 或者 var d…

实现JavaScript的组成----BOM和DOM

我们知道,一个完整的JavaScript的实现,需要由三部分组成:ECMAScript(核心),BOM(浏览器对象模型),DOM(文档对象模型). 今天主要学习BOM和DOM. BOM: BOM提供了很多对象,用来访问浏览器的功能,这些功能于网页内容无关(这些是DOM的事),目前,BOM已经被W3C搬入了HTML5规范中. window对象: BOM的core,表示浏览器的一个实例,它既是通过javascript访问浏览器窗口的一个接口,又是ECMAScript规定的Global对象,这意味着在…

谈谈JavaScript事件

众所周知,web前端包含三个基本技术:html.css和javascript.三者融合,才让网页变得精彩纷呈!如今,web上的操作越来越趋于复杂,JavaScript事件在网页中也遍地开花,有时候也是遍地生Bug.真正理解了JavaScript的事件模型,才能在实际开发中佛挡杀佛,bug挡杀bug. 前言这是我自己对JavaScript事件模型的理解,并且参考了网络上的各家之言.由于本人才疏学浅,难免有错误之处,还望指正. 在工作学习中,你或许不知道见过多少事件了.那么,到底什么是JavaSc…

javascript与DOM的渊源

1. JavaScript的起源 1.1 JavaScript的诞生与发展 JavaScript最初由Netscape的Brendan Eich设计, Netscape在最初将其脚本语言命名为LiveScript,后来Netscape在与Sun合作之后将其改名为JavaScript.由此看来,JavaScript只是出于营销考虑,看起来像Java实则与Java没有一点关系. 在JavaScript出现之前,Web浏览器仅是一种能够显示超文本文档的软件:在JavaScript出现之后,网页的交互性…

JavaScript高级程序设计（第三版）学习笔记8、9、10章

第8章,BOM BOM的核心对象是window,具有双重角色,既是js访问浏览器的一个接口,又是ECMAScript规定的Global对象.因此,在全局作用域中声明的函数.变量都会变成window对象的属性和方法. 例: var age = 20; function sayAge(){ alert(this.age); } alert(window.age); window.sayAge(); 定义全局变量与在window对象上直接定义属性区别:全局变量不能通过delete操作符删除,而直接在w…

JavaScript高级程序设计(一)：JavaScript简介

一.JavaScript实现 1.一个完整的JavaScript包含三个部分组成: 1)ECMAScript 核心 2)DOM文档对象模型 3)BOM浏览器对象模型 2.文档对象模型(DOM) 文档对象模型是针对XML单经过扩展用户HTML的应用程序编程接口.DOM 把整个页面映射为一个多层节点结构.HTML或XML页面中的每个组成部分都是某种类型的节点,这些节点又包含不通类型的数据. 通过DOM创建的这个表示文档的树形图,开发人员借助DOM的API可以自如的增删改查任何节点. DOM级别: D…

JavaScript高级程序设计23.pdf

document对象作为HTMLDocument的一个实例,它还有一些标准的Document对象所没有的属性,这些属性提供了网页上的一些信息 //取得文档标题 var title1=document.title; //修改文档标题 document.title="New page title"; //取得完整的URL var url=document.URL; //取得域名 var domain=document.domain; //取得来源页面的URL var referrer=do…

JavaScript高级程序设计21.pdf

第10章 DOM DOM(文档对象模型)是针对HTML和XML文档的一个API(应用程序编程接口) IE中所有DOM对象都是以COM对象的形式实现的,这意味着IE中的对象与原生JavaScript对象行为不一致节点层次总共有12种节点类型,这些类型都继承自一个基类型 Node类型 DOM1级定义了一个Node接口,该接口将由DOM中所有节点类型实现.除了IE以外其他浏览器都可以访问到这个类型,JavaScript中所有节点类型都继承自Node类型,共享着相同的基本属性和方法 if(someN…

JavaScript高级程序设计1.pdf

第一遍通读的时候对JavaScript一点都不了解翻了一整本书仅仅是眼熟的几个名词,现在会写一些js效果了,对程序有一定的认知,又要在读一遍,再加深一些了解,当然以后还会有第三遍第四遍,等完全啃透了这本书,离前端工程师也就不远了,共勉吧第一章 JavaScript简介 JavaScript分三部分核心(ECMAScript) 文档对象模型(DOM) 浏览器对象模型(BOM) ECMA-262规定了语法类型语句关键字保留字操作符对象 (DOM)是针对XML但经过扩展用于HTML的…

JavaScript 概览更新时间2014-0414-0837

一些概念 DOM(文档对象模型)是HTML和XML的应用程序接口(API).DOM Level1规划文档结构:DOM Level2扩展了对鼠标和用户界面事件等的支持:DOM Level3支持了XML1.0特性,包括XPath等.还有其他语言发布了自己的DOM标准:可缩放矢量图形(SVG),同步多媒体集成语言(SMIL)等.DOM描述了处理网页内容的方法和接口:BOM描述了与浏览器进行交互的方法和接口. ECMAScript数据类型 5种原始类型:Undefined.Null.Boolean.Nu…

Javascript系列之js简介

JavaScript是一种网络客户端脚本语言,javascript有三个组成部分: 1)核心(ECMAScript)---描述了语言的基本语法和对象 2)文档对象模型(DOM)---描述了处理网页内容的方法和接口 3)浏览器对象模型(BOM)---描述了与浏览器进行交换的方法和接口 1.ECMAScript ECMAScript与Web浏览器没有任何依赖关系,它本身也不包含输入输出定义(这点与 C 这类语言不同,它需要依赖外部的库来完成这类任务).Web浏览器只是ECMAScript实现可能的宿…

JavaScript 操作 DOM 常用 API 总结

文本整理了javascript操作DOM的一些常用的api,根据其作用整理成为创建,修改,查询等多种类型的api,主要用于复习基础知识,加深对原生js的认识. 基本概念在讲解操作DOM的api之前,首先我们来复习一下一些基本概念,这些概念是掌握api的关键,必须理解它们. Node类型 DOM1级定义了一个Node接口,该接口由DOM中所有节点类型实现.这个Node接口在JS中是作为Node类型实现的.在IE9以下版本无法访问到这个类型,JS中所有节点都继承自Node类型,都共享着相同的基本属…

javaScript高程第三版读书笔记

看完<dom编程艺术>现在准备读进阶版的js高程了,由于篇幅较长,所以利用刚看完<dom编程艺术>学到的知识写了段JavaScript代码,来折叠各章的内容.并且应用到了<dom编程艺术>一直强调的“平稳退化”思想,即如果用户的环境不支持JavaScript,内容将不会折叠.够保证观看到内容. 第一章 DOM1级的目标主要是映射文档的结构 DOM2级在原来 DOM的基础上又扩充了鼠标和用户界面事件.范围.遍历,而且通过对象接口增加了对 CSS(Cascading St…

《JavaScript 闯关记》之事件

JavaScript 程序采用了异步事件驱动编程模型.在这种程序设计风格下,当文档.浏览器.元素或与之相关的对象发生某些有趣的事情时,Web 浏览器就会产生事件(event).例如,当 Web 浏览器加载完文档.用户把鼠标指针移到超链接上或敲击键盘时,Web 浏览器都会产生事件.如果 JavaScript 应用程序关注特定类型的事件,那么它可以注册当这类事件发生时要调用的一个或多个函数.请注意,这种风格并不只应用于 Web 编程,所有使用图形用户界面的应用程序都采用了它,它们静待某些事情发生(即…

《JavaScript 闯关记》之 DOM（下）

Element 类型除了 Document 类型之外,Element 类型就要算是 Web 编程中最常用的类型了.Element 类型用于表现 XML 或 HTML 元素,提供了对元素标签名.子节点及特性的访问.Element 节点具有以下特征: nodeType 的值为1: nodeName 的值为元素的标签名: nodeValue 的值为 null: parentNode 可能是 Document 或 Element: 其子节点可能是 Element.Text.Comment.Proces…

【JavaScript-dom1】的更多相关文章