JavaScript之旅（DOM）

【JavaScript之旅（DOM）】的更多相关文章

JavaScript之旅（DOM）

JavaScript之旅(DOM) [TOC] 一.认识DOM 什么是 DOM? DOM 是 Document Object Model(文档对象模型)的缩写. DOM 是 W3C(万维网联盟)的标准. DOM 定义了访问 HTML 和 XML 文档的标准: DOM是中立于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容.结构和样式.W3C DOM 标准被分为 3 个不同的部分: 核心 DOM - 针对任何结构化文档的标准模型 XML DOM - 针对 XML 文档的标准模型 HTM…

Javascript之旅（一）

Javascript之旅(一) 一.基础知识基本语法变量数据类型字符串数组对象条件判断循环 Map和Set iterable 为什么要学习JavaScript JavaScript 是web 开发人员必须学习的 3 门语言中的一门: HTML 定义了网页的内容(人体) CSS 描述了网页的布局(衣服) JavaScript 网页的行为(动作) 一个合格的开发人员应该精通JavaScript,不要被Web时代所淘汰. 什么是JavaScript? JavaScript是世界上最流行…

借助JavaScript中的Dom属性改变Html中Table边框的颜色

借助JavaScript中的Dom属性改变Html中Table边框的颜色 -------------------- <html> <head> <title>我是页面标题卡</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <script type="text/javascript&quo…

JavaScript之旅（三）

JavaScript之旅(三) 三.函数在JavaScript中,定义函数的方式如下: function abs(x) { ... return ...; } 如果没有return,返回结果为undefined. 第二种定义函数的方式如下: var abs = function (x) { return ...; }; 在这种方式下,function(x){...}是一个匿名函数,它没有函数名.但是,这个匿名函数赋值给了变量abs,通过变量abs就可以调用该函数.注意这种方式按照完整语法需要在…

JavaScript之旅（二）

JavaScript之旅(二) 二.进阶知识 js的正则表达式异常处理调试变量提升表单验证 JSON javascript:void(0) JavaScript 代码规范二.进阶知识 1. js的正则表达式 js中的正则表达式的构造方式: /模式/选项例如:var patt = /w3cschool/i 其中"w3cschool"为要搜索的正则表达式模式,i是选项或修饰符,表示忽略大小写. 在 JavaScript 中,正则表达式通常用于两个字符串方法 : search()…

JavaScript 节点操作Dom属性和方法(转)

JavaScript 节点操作Dom属性和方法一些常用的dom属性和方法,列出来作为手册用. 属性: 1.Attributes 存储节点的属性列表(只读) 2.childNodes 存储节点的子节点列表(只读) 3.dataType 返回此节点的数据类型 4.Definition 以DTD或XML模式给出的节点的定义(只读) 5.Doctype 指定文档类型节点(只读) 6.documentElement 返回文档的根元素(可读写) 7.firstChild 返…

JavaScript处理HTML DOM

本来只想好好写一篇博文,最后弄到好像重构一样了,越做越不满意,先这样吧:) HTML DOM - JavaScript处理HTML DOM 获取HTML元素改变HTML元素增删HTML元素添加事件处理获取HTML对象一些属性 nodeType常量其他不建议使用 +hover显示详情获取HTML元素+show detail document.getElementById(id) document.getElementsByTagName(name) Object Colle…

javascript系列之DOM(一)

原文:javascript系列之DOM(一) DOM(document object moudle),文档对象模型.它是一个中立于语言的应用程序接口(API),允许程序访问并修改文档的结构,内容和样式.也就是一切语言(js,php 等)对web的操作是建立在DOM的基础之上的.行为的发生,首先必须获取文档中的一个对象作为其载体. DOM发展史在漫长的互联网发展史上DOM一共经历了四个阶段.当前,我们正处在DOM 3阶段. DOM 0 :不是W3C规范,只是Netscape Navigator…

javascript系列之DOM(二)

原文:javascript系列之DOM(二) 原生DOM扩展我们接着第一部分来说,上文提到了两种常规的DOM操作:创建文档片段和遍历元素节点.我们知道那些雨后春笋般的库,有很大一部分工作就是提供了一些优秀的DOM操作API.可见原生的一些方法和属性,还不能很灵活快捷的来完成我们所希望的操作.下面将总结出总结出几种很实用的扩展方法.包括 after()和before(), A:after()和before() function after(elem){ if(this.parentNode){…

javascript系列之DOM(三)---事件

原文:javascript系列之DOM(三)---事件事件是javascript跳动的心脏,是DOM所有成分结合的万金油.当我们在WEB 上进行某些交互时,事件也就发生了.点击某些内容,鼠标经过特定元素,按下某些按键,改变窗口.当然还可能是浏览器上某个页面加载完毕.通过 javascript你可以监听特定事件的发生,为事件绑定处理函数. DOM事件流在DOM中,当某一个特定的HTNL元素产生事件时,该事件会在该元素节点与根节点之间按特定的顺序传播,所经过的节点都会监听到该事件(但不一定执行该…