本篇文章要实现以下几个功能点:1.平稳退化:在没有JS的情况下也能正常工作 2.分离JS和HTML 3.向后兼容性:新老版本的浏览器都适用 4.性能优化1. 平稳退化功能 要保证JS代码适用于各个版本、各种类型的浏览器,甚至在禁用JS代码的时候,依然能正常运行。2.”javascript:”伪协议 这是一种非标准化的协议,能让我们通过一个链接来调用JS函数。 “真”协议用来在因特网上的
转载
2023-07-13 14:12:44
59阅读
这本书留给我的印象就是结构、表现和行为层的分离,以及书后面部分一直在强调的最佳实践原则:平稳退化,逐步增强,向后兼容以及性能考虑。要注意这不是一本JavaScript入门书籍~ 2.1 准备工作用JavaScript编写的代码必须通过HTML/XHTML文档才能执行。最好的做法是把<script>标签放到HTML文档的最后,</body>标签之前: <!D
转载
2023-09-30 20:54:59
68阅读
第一部分目录 第1章 简史 1.1 的起源 1.2 浏览器之争 1.3 制定标准 1.4 小结 第2章 语法 2.1 准备工作 2.2 语法 2.3 语句 2.4 变量 2.5 操作 2.6 条件语句 2.7 循环语句 2.8 函数 2.9 对象 2.10 小结 第3章 DOM
转载
2024-01-13 23:40:05
30阅读
下载地址:网盘下载 内容简介 · · · · · · 本书讲述了JavaScript和DOM的基础知识,但重点放在DOM编程技术背后的思路和原则:预留退路、循序渐进和以用户为中心等,这些概念对于任何前端Web开发工作都非常重要。本书将这些概念贯穿在书中的所有代码示例中,使你看到用来创建图片库页面的脚本、
转载
2023-09-13 20:13:06
73阅读
Three sheets to the WebContent on the Web can be wrapped up in three successive layers that are readable byweb browsers:StructurePresentationBehaviorThe style propertyEvery element in a document is an object. Every one of these objects has a whole collectionof properties. Some properties contain inf
转载
2012-08-28 16:22:00
134阅读
2评论
DHTML是""dynamic HTML"(动态HTML)的简称.严格地说,DHTML并不是一项单一的新技术,而是HTML,CSS和JavaScript这三种技术结合的产物.DHTML背后的含义: 利用HTML把网页标记为各种元素; 利用CSS设计各种有关元素的排版样式并确定它们在窗口中的显示位置; 利用JavaScript实时地操纵和改变各种有关样式.DOM 是一种API(应用程序接口).简单的说,API就是一组已经得到有关各方共同认可的基本约定.
转载
2009-11-05 12:36:00
147阅读
2评论
JavaScript uses the open() method of the window object to create new browser windows.The method takes three arguments: window.open(url,name,features)All of the arguments are optional. The first argument is the URL for the document you want to open in a new window. If this is missing, an empty brows.
转载
2012-08-23 23:45:00
141阅读
2评论
There is one very important data type that we haven’t looked at yet: objects. An object is aself-contained collection of data. This data comes in two forms: properties and methodsA property is a variable belonging to an object.A method is a function that the object can invoke.These properties and me
转载
2012-08-23 21:39:00
131阅读
2评论
声明一个定长的数组var beatles = Array(4);Sometimes you won’t know in advance how many elements an array is eventually going tohold. That’s OK. Specifying the number of elements is optional. You can just declare anarray with an unspecified number of elements:var beatles = Array();Adding elements to an array i
转载
2012-08-23 21:28:00
107阅读
2评论
# JavaScript DOM 编程艺术:从入门到实践
在现代网页开发中,理解和运用 JavaScript DOM(文档对象模型)是开发者的基本技能之一。本文将为刚入行的小白提供一套详尽的流程,教会他如何实现 JavaScript DOM 编程技巧。我们将通过一系列步骤,逐步讲解实现过程,并在最后总结。
## 整体流程
为了使内容更加清晰,我们将整个实现过程分为几个步骤。以下表格展示了每个
Web 的无所不在是它的魅力。保证任何人都能无障碍地使用它,是一个最基本的原则。
《JavaScript DOM编程艺术》真是入门js的神书,非常推荐想入门的去看这本书。本篇文章主要是记录自己学习的一些笔记和代码实例。 一、前五章前五章主要通过DOM和html以及css创建了个能实现基本功能需求的图片库主要介绍了js的历史,js的基础语法和DOM的操作和一个简单的图片库的案例研究1.HTML1.1图片库案例的第一版html代码,没有什么值得注意的地方。很简单。 &l
转载
2023-11-08 16:33:24
149阅读
JavaScript DOM 编程艺术 (第二版)学习之1-2章写在前面第一章 Java Script 简史1.1 JavaScript起源1.2 DOM1.3 浏览器战争1.3.1 DHTML1.3.2 浏览器之间的冲突1.4 制定标准1.5 小结第二章 Java Script语法2.1 准备工作2.2 语法2.2.1 语句(statement)2.2.2 注释(comment)2.2.3 变
转载
2023-09-15 22:18:45
123阅读
第三章 DOM:1、D:document(文档)、O:Object(对象)、M:model(模型)2、四个方法getElementById(id)、getElementsByTagName(tag)、object.getAttribute(attribute)、object.setAttribute(attribute,value)第四章:案例研究:JavaScript美术馆1、为解决两个问题①当点击某个链接时,能留在这个网页而不是转到另一个窗口②当点击某个链接时,可以同时看到那张图片和原有的图片清单解决方案:step1:增加占位符,给唯一的IDstep2:书写JS相应函数,更改占位符属性2、
转载
2013-06-06 22:48:00
149阅读
2评论
Chapter 2 JavaScript语法 变量 变量命名: 变量名包含字母、数字、美元符号和下划线(但第一个字符不允许是数字)区分大小写,不允许变量名中包含空格或标点符号($除外)。 驼峰格式 是函数名、方法名和对象属性名命名的
原创
2021-11-30 16:07:38
253阅读
国庆假期花了三四天看了这本书,书很薄,因为是入门书,干货也不是很多。4. childNodes nodeType nodeValue firstChild lastChildchildNodes返回所有直接子节点,元素节点为1,属性节点为2,文本节点为3,甚至还包括换行和空格也作为节点来看(和children的区别)p 的第一个firstChild是其中的文本,难道不应该可以是属性节点??————
转载
2024-01-11 11:27:18
65阅读
刚刚结束《JavaScript DOM编程艺术》这本书,可能就是因为自己了解到的东西太少,所以这本书让我感觉学到了很多有用的东西,你可以在豆瓣上看到这本书的介绍和相关评论,我给的推荐等级是“力荐”,当然这是对初学者来说 由于内容比较多,我决定把这本书的studynote分成两个部分。这一部分介绍关于“JavaScript语法与良好编程习惯”以及“DOM常用属性与方法”方面的学习笔记。 现
转载
2023-12-26 21:53:19
24阅读
第一章《JavaScript简史》1、JavaScript是一种脚本语言,通常只能通过Web浏览器去完成一些操作而不能像普通意义上的程序那样独立运行,它需要由Web浏览器进行解释和执行。2、DOM是一套对文档的内容进行抽象和概念化的方法,它是一种API(应用编程接口)。W3C对DOM的定义是:一个与系统平台和编程语言无关的接口,程序和脚本可以通过这个接口动态地访问和修改文档的内容、结构和样式。&n
转载
2023-12-03 10:16:38
57阅读
本书重点:关于Javascript和DOM脚本编程工作的基本原则、良好习惯、正确思路预留退路、循序渐进、以用户为中心一、JavaScript简史XHTML:可扩展超文本标记语言 BOM:浏览器对象模型(Web浏览器窗口的高度、宽度和屏显位置等属性) DOM:文档对象模型(一个与系统平台和编程语言无关的接口,程序和脚本可以通过这个接口动态地对文档的内容、结构和样式进行访问和修改)
转载
2023-09-13 20:13:23
99阅读
第一章 Java Script简史1、DOM是指文档对象模型。我们可以利用DOM给文档增加交互能力。DOM简单来说就是一套对文档的内容进行抽象和概念化的方法,是一种应用编程接口。第二章 Java Script语法1、Java Script代码执行的两种方法:①将Java Script代码直接放到HTML文档<head>标签中的<script>标签里;②将Java Scrip
转载
2024-01-25 17:16:23
45阅读