什么是对象模型
对象模型是描述对象逻辑结构及其标准操纵方法的一个接口包括四个主要的部分:1.JavaScript语言核心 2.主要与数据类型相关的核心对象 3.浏览器对象 4.文档对象
四个明显的对象模型
1.传统的JavaScript对象模型
2.扩展的JavaScript对象模型
3.DHTML风格的对象模型
4.扩展的渡口对象模型和标准的DOM
常用Document对象
LastModified location referrer(链接过来的URL)
访问文档元素
1.通过位置访问 document.forms[0]
2.通过ID或name document.myForm或document.forms[myForm]
三种级别的DOM
DOM0: 支持常用的对象模型集合forms[] images[] anchors[] link[] applets[]
DOM1: 通过一套常用的函数集提供操纵一个文档中所有元素的能力
DOM2: 提供对主要与XML相关的页面元素的更多的访问同时增加了对样式表访问和操纵的支持
DOM节点与HTML文档
1 Element XHTML元素
2 Attribute 元素的属性
3 Text 元素的内容
8 Comment 注释
9 Document 根文档对象
10 DocumentType 文档类型定义
DOM节点的属性
nodeName 节点的名称
nodeValue 节点的值通常适应于文本节点
nodeType 节点的类型见上面
访问元素
1.通过ID访问 document.getElementById("id")
2.通过元素的name属性 document.getElementsByName("name")
3.通过访问元素 getElementsByTagName('p')
判断是否存在节点 hasChildNodes()
公共的文档树导航起点
document.documentElement 指向文档树的根元素 相对HTML的<HTML>
document.body 指向<body>标记相对应的树节点
document.doctype 指向文档的DOCTYPE定义 但是该属性不能更改
创建节点
creatAttribute(name) 为元素创建一个指定的属性
createComment(string) 创建一个HTML注释
createDocumentFragment()创建一个元素,元素类型在参数tagname中指定.
createTextNode(string) 创建一个包含字符串的文本节点
添加或插入节点
appendChild(新子节点)
insertBefore(新子节点,参考子节点)
删除或替换节点
current.removeChiled(current.lastChild)
replaceChild(newChild, oldChild)
修改文本节点的值
textnode.data="new text"
操作属性
getAttribute() setAttribute() removeAttribute() 判断元素是否定义有属性hasAttributes()
分享到:
相关推荐
当下js所实现的各种各样的功能如下拉、提交、层叠等
Java Web应用客户端编程,例如 卷帘菜单 的制作等等~~
编程语言和开发技术:如Java、$C++、Python、JavaScript、Ruby等。 数据库技术:如关系型数据库(如MySQL、Oracle、SQL Server)和非关系型数据库(如MongoDB、Redis)等。 前端开发:HTML、CSS、JavaScript等用于...
编程语言和开发技术:如Java、$C++、Python、JavaScript、Ruby等。 数据库技术:如关系型数据库(如MySQL、Oracle、SQL Server)和非关系型数据库(如MongoDB、Redis)等。 前端开发:HTML、CSS、JavaScript等用于...
CEVUG 课程的 JavaScript 客户端-服务器编程项目。 它由一个公告板服务组成,用于发布和查看公告。 分为三类:工作、运输和二手销售。 您可以在每个类别中发布广告并查看每个类别的所有广告。 服务器在 node.js 中...
从颇具深度的javascript语言基础到作用域(链),从引用类型到面向对象编程,从极其灵活的匿名函数到闭包的内部机制,从浏览器对象模型(bom)、文档对象模型(dom)到基于事件的web脚本设计,从xml(fax)到ajax及json,从...
为了启发你的思考,《深入浅出JavaScript(中文版)》覆盖了所有的javascript基本知识,从基本网络编程技巧,如变量、函数和循环语句,到高级一些的专题,如表单验证、dom操作、客户端对象、脚本程序调试——甚至是...
JavaScript一种直译式脚本语言,是一种动态...它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。
JavaScript 客户端/服务器编程课程的练习 1 该程序使用以下命令执行: "犀牛练习1.js input.txt" 程序读取输入,如 github 上可用的课程示例所示,使用 java 库:java.io.FileReader、java.io.BufferedReader。 ...
* JavaScript 是一种客户端脚本语言,主要用于 web 开发。 * JavaScript 的主要特点是跨平台、动态和交互式。 * JavaScript 的主要应用场景是 web 开发,包括动态网站、游戏、动画等。 动态网站开发 * 动态网站是...
本书用详尽的实例全面介绍了使用JavaScript进行各种客户端编程的过程和应用。全书共分1O篇,主要包括JavaScript的时间日期类、文本、鼠标、图片、页面等特效、页面技巧与页面游戏、导航菜单、Cookie和JavaScript的...
本书全面介绍了客户端JavaScript脚本编程技术。从简单介绍JavaScript与Web开始,循序渐进地介绍了Web浏览器、基本的编程技巧和编程步骤;接着,深入探讨了浏览器文档对象模型的发展,详细介绍了JavaScript对象的有关...
对javascript客户端应用编程的一些建议_.docx
本 书在简洁明快地讲述JavaScript和DOM的基本知识之后,通过几个实例演示了专业水准的网页开发技术,透彻阐述了平稳退化等一批至关重要的 JavaScript编程原则和最佳实践,并全面探讨了HTML5以及jQuery等JavaScript库...
从颇具深度的JavaScript语言基础到作用域(链),从引用类型到面向对象编程,从极其灵活的匿名函数到闭包的内部机制,从浏览器对象模型(BOM)、文档对象模型(DOM)到基于事件的Web脚本设计,从XML(E4X)到Ajax及JSON,从...
java_socket服务端和客户端编程.doc
JavaScript高级篇:揭示JavaScript的运行机理和高级应用,如面向对象编程、函数式编程和元编程。Ajax篇:Ajax是上帝赐予JavaScript的礼物。凭借着Ajax,JavaScript拥有了异步调度服务端业务逻辑的能力。本篇除介绍...
简单的SWI-Prolog-Javascript客户端/服务器 SWI-Prolog服务器和Javascript客户端的简单示例。 另请参阅: : 执照 Javascript / ECMAScript “我们被一种语言所束缚,这种语言模糊地弥补了它缺乏的风格。” -Tom ...
JavaScript高级篇:揭示JavaScript的运行机理和高级应用,如面向对象编程、函数式编程和元编程。Ajax篇:Ajax是上帝赐予JavaScript的礼物。凭借着Ajax,JavaScript拥有了异步调度服务端业务逻辑的能力。本篇除介绍...
and Number - Windows and Frames - Forms and Validation.JavaScript简介Javascript是一种动态计算机编程语言。它是轻量级的,最常用作网页的一部分,其实现允许客户端脚本与用户交互并生成动态页面。它是一种具有...