文章分类 -  js

摘要:前面的话 BOM全称是brower object model(浏览器对象模型),主要用于管理窗口及窗口间的通讯,其核心对象是window。说窗口,可能并不准确。因为,有的浏览器窗口可能包含多个标签页,每个标签页都有自己的window对象。本文将详细该内容 窗口位置 【1】获取 浏览器(firefox 阅读全文
posted @ 2017-01-11 14:40 天涯海角路 阅读(251) 评论(0) 推荐(0)
摘要:前面的话 通常我们调试程序时,如果需要阻塞效果,则要用到alert()。但除了alert()以外,window对象还提供了其他3种对话框。本文将详细介绍window对象中的对话框 定义 系统对话框与在浏览器中显示的网页没有关系,也不包含HTML。它们的外观由操作系统及浏览器设置决定,而不是由CSS决 阅读全文
posted @ 2017-01-11 14:39 天涯海角路 阅读(141) 评论(0) 推荐(0)
摘要:前面的话 既然有getElementById()和getElementsByTagName()方法,为什么没有getElementsByClassName()呢?id属性、标签名、class属性并没有什么优劣之分啊。终于,HTML5新增了getElementsByClassName()方法,由于在C 阅读全文
posted @ 2017-01-11 14:36 天涯海角路 阅读(304) 评论(0) 推荐(0)
摘要:前面的话 尽管DOM作为API已经非常完善了,但是为了实现更多的功能,DOM仍然进行了扩展,其中一个重要的扩展就是对选择器API的扩展。人们对jQuery的称赞,很多是由于jQuery方便的元素选择器。除了前面已经介绍过的getElementsByClassName()方法外,DOM拓展了query 阅读全文
posted @ 2017-01-11 14:36 天涯海角路 阅读(226) 评论(0) 推荐(0)
摘要:前面的话 说到最常见的DOM应用,恐怕就要数取得特定的某个或某组元素的引用了。DOM定义了许多方式来选取元素,包括getElementById()、getElementsByTagName()、getElementsByName()和document.all4种。接下来,将对这4种方法进行详细介绍 阅读全文
posted @ 2017-01-11 14:23 天涯海角路 阅读(213) 评论(0) 推荐(0)
摘要:前面的话 一般地,提起操作会想到“增删改查”这四个字,而DOM节点操作也类似地对应于此,接下来将详细介绍DOM的节点操作方法 前提 DOM提供节点操作的方法是因为DOM节点关系指针都是只读的 下列代码中想通过修改myUl的父级节点来修改其节点关系,但由于parentNode属性是只读的,所以修改无效 阅读全文
posted @ 2017-01-11 14:17 天涯海角路 阅读(115) 评论(0) 推荐(0)
摘要:前面的话 DOM可以将任何HTML描绘成一个由多层节点构成的结构。节点分为12种不同类型,每种类型分别表示文档中不同的信息及标记。每个节点都拥有各自的特点、数据和方法,也与其他节点存在某种关系。节点之间的关系构成了层次,而所有页面标记则表现为一个以特定节点为根节点的树形结构。本文将详细描述DOM间的 阅读全文
posted @ 2017-01-11 14:16 天涯海角路 阅读(180) 评论(0) 推荐(0)
摘要:前面的话 DOM是javascript操作网页的接口,全称为文档对象模型(Document Object Model)。它的作用是将网页转为一个javascript对象,从而可以使用javascript对网页进行各种操作(比如增删内容)。浏览器会根据DOM模型,将HTML文档解析成一系列的节点,再由 阅读全文
posted @ 2017-01-11 14:12 天涯海角路 阅读(175) 评论(0) 推荐(0)
摘要:DOM节点信息包括节点类型(nodeType)、节点名称(nodeName)和节点值(nodeValue)。 节点类型 DOM节点中,每个节点都拥有不同的类型。W3C规范中常用的 DOM节点类型有以下几种: 获取节点类型的语法: nodeObject.nodeType其中,nodeObject 为D 阅读全文
posted @ 2017-01-11 14:11 天涯海角路 阅读(1889) 评论(0) 推荐(0)
摘要:节点信息 每个节点都拥有包含着关于节点某些信息的属性。这些属性是:nodeName(节点名称) nodeValue(节点值) nodeType(节点类型) nodeType nodeType 属性可返回节点的类型。 最重要的节点类型是: 元素类型 节点类型 元素(ELEMENT_NODE) 1 属性 阅读全文
posted @ 2017-01-11 14:09 天涯海角路 阅读(103) 评论(0) 推荐(0)
摘要:为什么学dom编程? dom编程简介 DOM=Document Object Model(文档对象模型),根据W3C DOM规范,DOM是HTML与XML的应用编程接口(API),DOM将整个页面映射为一个由层次节点组成的文件。 js把浏览器,网页文档和网页文档中的html元素都用相应的内置对象来表 阅读全文
posted @ 2017-01-11 12:06 天涯海角路 阅读(140) 评论(0) 推荐(0)
摘要:form对象 form对象代表一个HTML表单,在HTML文档中<form>每出现一次,form对象就会被创建。从dom对象层次图看,document.forms对象是当前文档所有form对象的集合。 例, 案例:用户注册。 代码如下: 用户注册.css: 用户注册.html: 第一次运行的时候,会 阅读全文
posted @ 2017-01-11 12:03 天涯海角路 阅读(531) 评论(0) 推荐(0)
摘要:dom对象详解--style对象 style对象 style对象和document对象下的集合对象styleSheets有关系,styleSheets是文档中所有style对象的集合,这里讲解的重点是style对象,styleSheets不是重点。 style对象定义:Represents the  阅读全文
posted @ 2017-01-11 12:02 天涯海角路 阅读(434) 评论(0) 推荐(0)
摘要:document对象 Document对象代表整个html文档,可用来访问页面中的所有元素,是最复杂的一个dom对象,可以说是学习好dom编程的关键所在。 Document对象是window对象的一个成员属性,通过window.document来访问,当然也可以直接使用document。 docum 阅读全文
posted @ 2017-01-11 12:01 天涯海角路 阅读(555) 评论(0) 推荐(0)
摘要:版权声明:本文为博主原创文章,未经博主允许不得转载。 版权声明:本文为博主原创文章,未经博主允许不得转载。 Window -- 代表浏览器中一个打开的窗口: 对象属性 window //窗口自身 window.self //引用本窗户window=window.self window.name // 阅读全文
posted @ 2017-01-11 12:00 天涯海角路 阅读(227) 评论(0) 推荐(0)
摘要:转自:http://segmentfault.com/a/1190000000660947 在浏览器中,与用户进行数据交换都是通过客户端的javascript代码来实现的,而完成这些交互工作大多数是document对象及其部件进行的,因此document对象是一个比较重要的对象。 document对 阅读全文
posted @ 2017-01-11 11:58 天涯海角路 阅读(609) 评论(0) 推荐(0)
摘要:Document对象内容集合 document 文挡对象 - JavaScript脚本语言描述———————————————————————注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写否则会提示你一个错误信息 “引用的元素为空或者不是对象\\\\\”————————— 阅读全文
posted @ 2017-01-11 11:56 天涯海角路 阅读(260) 评论(0) 推荐(0)
摘要:1. document.all.tags('input')可以取到input object的lengthdocument.all.tags(''textarea)可以取到textaret object 的length如何取到input和textarea的length?2. document.all. 阅读全文
posted @ 2017-01-11 11:55 天涯海角路 阅读(1255) 评论(0) 推荐(0)
摘要:从IE4开始IE的object model才增加了document.all[],来看看document.all[]的Description:Array of all HTML tags in the document.Collection of all elements contained by t 阅读全文
posted @ 2017-01-11 11:54 天涯海角路 阅读(237) 评论(0) 推荐(0)
摘要:一. document.all是页面内所有元素的一个集合。例如: document.all(0)表示页面内第一个元素二.document.all可以判断浏览器是否是IE if(document.all){ alert("is IE!"); }三.也可以通过给某个元素设置id属性(id=aaaa),然 阅读全文
posted @ 2017-01-11 11:53 天涯海角路 阅读(1159) 评论(0) 推荐(0)