luck007008009的博客

私人博客

【读书笔记】Javascript DOM编程艺术(四) 案例研究:JavaScript图片库

本章内容

    编写一个优秀的标记文件。

    编写一个JavaScript函数以显示用户想要查看的图片。

    由标记触发函数调用。

    使用几个新方法扩展这个JavaScript函数。

4.1 标记

4.2 JavaScript

    4.2.1 非DOM解决方案
    4.2.2 最终的函数代码清单

4.3 应用这个JavaScript函数

    事件处理函数

        (1)事件处理函数的作用是,在特定事件发生时调用特定的JavaScript代码。

4.4 对这个函数进行扩展

    4.4.1 childNodes属性

        (1)在一棵节点数上,childNodes属性可以用来获取任何一个元素的所有子元素,它是一个包含这个元素全部子元素的数组:

                element.childNodes

    4.4.2 nodeType属性

        (1)每一个节点都有nodeType属性,这个属性可以让我们知道自己正在与哪一个节点打交道:

                node.nodeType

        (2)nodeType的值是一个数字,nodeType属性总共有12种可取值,但其中仅有3种具有实际价值:

                <1>元素节点:1

                <2>属性节点:2

                <3>文本节点:3

    4.4.3 在标记里增加一段描述
    4.4.4 用JavaScript改变这段描述
    4.4.5 nodeValue属性

        (1)如果想改变一个文本节点的值,那就使用DOM提供的nodeValue属性,它用来得到(和设置)一个节点的值:

                node.nodeValue

    4.4.6 firstChild和lastChild属性

        (1)node.firstChild    等价于    node.childNodes[0]

        (2)node.lastChild    等价于    node.childNodes[node.childNodes.length - 1]

    4.4.7 利用nodeValue属性刷新这段描述

4.5 小结

    (1)本章的学习重点有两个:一是如何利用DOM所提供的方法去编写图片库脚本;而是如何利用事件处理函数把JavaScript代码与网页集成在一起。


阅读更多
版权声明:本文为博主原创文章,转载请附上原文连接。 https://blog.csdn.net/luck007008009/article/details/79976366
文章标签: DOM 学习笔记
个人分类: DOM
上一篇【读书笔记】Javascript DOM编程艺术(三)DOM
下一篇【读书笔记】Javascript DOM编程艺术(五) 最佳实践
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

【读书笔记】Javascript DOM编程艺术(四) 案例研究:JavaScript图片库

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭