JavaScript
文章平均质量分 69
iteye_6931
这个作者很懒,什么都没留下…
展开
-
JavaScript BOM学习笔记——window对象1
BOM:Browser Object Model,浏览器对象模型。BOM是由一系列的对象组成的。其结构如下图所示。 可以看出,window对象是整个BOM的核心,因此,先讨论window对象。(1)使用框架集的情况下 使用框架集合的情况下,每个框架都由他自身的window对象表示,存放在frames集合中。可以通过数字或者名字对框架进行索引。看例子: <ht...原创 2011-10-19 14:19:49 · 105 阅读 · 0 评论 -
JavaScript DOM学习笔记5——创建和操作节点
之前学习了DOM中各种节点的访问方法,DOM所包含的内容远不止如此,DOM编程还包括当DOM树已经构建起来之后再添加节点。 1.创建新节点 document对象中包含了多个创建各种节点的方法。《JavaScript高级程序设计》中专门设计了一个表格,来说明每个方法的原型、作用、IE、Firefox、Opera、Safari等浏览器的支持情况。一眼...2011-11-21 17:48:42 · 107 阅读 · 0 评论 -
JavaScript DOM学习笔记4——访问指定节点
DOM中访问指定节点主要需要用到以下几个函数: 1.getElementsByTagName(tag): (1)用来返回一个包含指定标签的节点列表NodeList。然后可以通过前面博客中提到的数组语法(方括号)或者item(pos)来取得该NodeList中具体的那个元素。看下面的代码片段: //获得img元素列表 var oImgs = document.getEleme...2011-11-15 21:35:18 · 204 阅读 · 0 评论 -
JavaScript DOM学习笔记3——DOM属性操作
Node接口本身有一个attributes属性,并且所有类型的节点都继承了该属性。但是,事实上只有Element类型的节点才能有属性。Element节点的attibutes属性类型为NamedNodeList。NamedNodeMap可以通过数字和名字索引节点。 NamedNodeMap具有以下几个常用的方法: 1.getNamedItem(name):根据name获取属性节点。 2.set...原创 2011-11-12 23:24:15 · 112 阅读 · 0 评论 -
JavaScript DOM学习笔记2——DOM的使用
1.HTML中的DOM W3C再开发XML DOM的同时,还针对XHTML以及HTML开发了DOM。这个DOM定义了一个HTMLDocument和HTMLElement作为这种实现的基础。每个HTML元素由对应的HTMLElement类型来表示。例如HTMLDivElement代表<div>标签。 2.访问相关节点 document对象既是BOM的...2011-11-11 20:12:54 · 74 阅读 · 0 评论 -
JavaScript DOM学习笔记1——DOM节点层次
当讨论DOM树的时候,一般讨论的是节点的层次。DOM定义了Node的接口以及许多种节点类型来表现XML节点的多方面: Document 顶层节点,所有其他节点依附于该节点 DocumentType DTD引用。它不能包含子节点 DocumentFragment 可以像Document节点一样保存其他节点 Element 其实标签和结束标签之间的内容<tag&g...原创 2011-11-10 22:40:43 · 97 阅读 · 0 评论 -
JavaScript BOM学习笔记8——navigator对象和screen对象
1.navigator对象 navigator对象是window对象的属性,封装了很多与浏览器相关的信息。该对象主要用来检测用户使用的是什么浏览器。各个浏览器对这个对象的支持差别很大。具体用到检测浏览器时可以上网搜。 2.screen对象 screen对象表示用户的屏幕。screen主要属性如下: 属性 解释 availWidth 屏幕可以使用的宽度 ...原创 2011-10-26 00:16:36 · 113 阅读 · 0 评论 -
JavaScript BOM学习笔记7——location对象
location对象既是window对象的属性,又是document对象的属性。它表示当前载入窗口的URL,此外,它还可以解析URL: 解析项目 解释 举例 hash 若URL包含#,该方法将返回#之后的内容 http://www.a.com/index#selection1的hash就是#selection1 host 服务器名 www.wrox.com ...原创 2011-10-26 00:04:51 · 109 阅读 · 0 评论 -
JavaScript BOM学习笔记6——document对象
document对象实际上是window对象的属性。因此alert(window.document==document)将返回true。 document对象的独特之处在于它既是BOM对象又是DOM对象。由于BOM没有可以指导实现的标准,因此每个浏览器实现的document都有不同。 document对象有许多集合,提供对载入的页面的各个部位的访问,具体如下...原创 2011-10-25 01:37:48 · 123 阅读 · 0 评论 -
JavaScript BOM学习笔记——window对象5
1.浏览器状态栏 可以通过window对象的status和defaultStatus属性设置浏览器地址栏。前者可以使浏览器地址栏文本暂时改变,后者可以在用户离开该页面前一直改变该文本。 可以在第一次载入页面时,使用默认的状态栏消息: window.defaultStatus = "You are surfing www.wrox.com"; ...原创 2011-10-24 23:55:37 · 76 阅读 · 0 评论 -
JavaScript变量与作用域
1.JavaScript的变量类型 JavaScript的变量分为基本类型和引用类型.基本数据类型是直接存在栈空间的简单数据段,这种类型直接将值保存在内存的某个位置.引用数据类型存储的是指向实际存储于堆内存中的对象的地址. JavaScript中的基本数据类型共有五种:Number,Null,Undefined,Boolean和String.需要注意的是,js中的String是基本...2012-01-19 01:13:35 · 115 阅读 · 0 评论 -
JavaScript BOM学习笔记——window对象4
1.系统对话框:window.alert(),window.confirm(),window.prompt() (1).window.alert(); 这个可能是写Javascript程序中最常见的用的最多的方法了。这个用来产生警示框,提示用户。 (2).window.confirm(); 例如window.confirm("确定吗?")。该对话框基本上与上...原创 2011-10-20 19:28:05 · 85 阅读 · 0 评论 -
JavaScript BOM学习笔记——window对象3
1.导航和打开新窗口 window.open()方法可以打开新的窗口。该方法有四个参数: (1)新窗口url; (2)新窗口名称; (3)特性字符串 (4)新页面是否替换当前页面(Boolean值)只在调用该方法但不打开新窗口时有用 一般情况下会用到前面三个参数。 wind...原创 2011-10-20 19:12:17 · 103 阅读 · 0 评论 -
JavaScript BOM学习笔记——window对象2
1.窗口操作: window对象对于操作浏览器窗口非常有用,开发人员可以利用window对象移动或者调整浏览器窗口大小。主要操作有: <html> <head> <title> New Document </title> <script type="text/javascript"> func...原创 2011-10-19 15:00:23 · 85 阅读 · 0 评论 -
JavaScript DOM学习笔记6——HTML DOM
DOM其实是一套操作XML文档的标准,不同语言都有实现。前面也提到,HTML有特有的DOM,HTML DOM主要是为了简化一些常用的操作。 1.直接访问HTML元素的属性 HTML元素具有各种各样的属性,如果按照DOM的方式来访问这些属性,则需要采用setAttribute()和getAttribute()方法。而HTML DOM简化了这个操作,...2011-11-25 16:47:49 · 81 阅读 · 0 评论