`
mixer_a
  • 浏览: 363626 次
社区版块
存档分类
最新评论

《JavaScript DOM编程艺术》学习回顾4

 
阅读更多

今天写到了这本书的第四章，这书的第四章主要是对一个例子进行研究，这个例子是JavaScript图片库，就是上边看到的这个网页图片库效果。把整个图片库的浏览链接集中安排图片库的网页里，只要用户点击了这个网页中的某个图片链接时才把相应的图片显示在我们的眼前，在这章中我自己感觉最大的收获就是知道了默认行为的问题，有些链接（或者别的东西）点击时既跳到了href指定的网页中，又执行了onclick事件所指定的函数。我们本来想执行onclick所指定的函数，但是被点击链接的默认行为也会被调用，从而出现了意外的效果，有些时候这是我们不想看到的，为了阻止默认的行为，我们需要加上一些东西。书上有几句话我感觉说的比较明白：“事件处理函数的机制。在给某个元素添加了事件处理函数之后，一旦事件发生，相应的JavaScript的代码就会得到执行，被调用的JavaScript代码可以返回一个值，这个值将被传递给那个事件处理函数。例如，我们可以给某个链接添加一个onclick事件处理函数，并让这个处理函数所触发的JavaScript代码返回布尔值true或false。这样一来，当这个链接被点击时，如果那段JavaScript代码返回的值是true，onclick事件处理函数就认为“这个链接被点击了”；反之，如果返回的知识false，onclick事件处理函数就认为这个“这个链接没有被点击”。比如说<a href='http://www.baidu.com"onclick="return false">Click me</a>，对于这个链接当被点击时不会跳转到指定的页面。”这段说的十分的明白，通过写一个简单的图片库也能学到一些细节性的知识。以下是这个图片库的代码，有些内容我更改了一下。

html代码


CSS代码：


JavaScript代码

点击图片一之后的效果如下；

对于上边的这个图片库还有挺多要改的地方，这都是后边的哪些章节的事了，以后我还会接着写。如果有不足的之处希望大家谅解。

哦，对了上边的这个图片是我家乡的图片，位于大兴安岭图强镇的“龙江第一湾”。是不是很漂亮！

分享到：
| 淘宝开放平台开发指南之熟悉API族
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JavaScript DOM编程艺术.pdf

    《JavaScript DOM编程艺术》是Jeremy Keith所著的一本关于JavaScript和DOM（文档对象模型）编程的经典图书，它不仅阐述了JavaScript和DOM的基本知识，还着重讲解了DOM编程技术背后的思路和原则。本书被赞誉为Web设计...

    JavaScript DOM编程艺术【第2版&高清】.pdf

    但是，根据标题《JavaScript DOM编程艺术【第2版&高清】.pdf》和描述“JavaScript DOM编程艺术，高清资源，无比经典，值得拥有”，我们可以推断这本书主要讲述了JavaScript中DOM（文档对象模型）的相关编程技术。...

    JavaScript DOM编程艺术(第2版pdf)+源代码

    JavaScript DOM编程艺术(第2版)是一本深受程序员喜爱的JavaScript技术书籍，专注于讲解如何使用JavaScript与Document Object Model（DOM）进行交互。DOM是Web页面的结构化表示，它允许我们通过编程方式操纵HTML和XML...

    随书光盘+PDF JavaScript DOM编程艺术(第2版)-源代码2.5MB PDF114MB .zip

    JavaScript DOM编程艺术(第2版)是一本深受开发者欢迎的书籍，主要涵盖了JavaScript语言在Web前端开发中的应用，特别是关于DOM（Document Object Model）的深入理解和实践。这本书的随书光盘包含了源代码和PDF电子版...

    JavaScriptDOM编程艺术（第2版）PDF版本下载.txt

    根据提供的文件信息，我们可以推断出这是一本关于JavaScript DOM编程技术的书籍——《JavaScript DOM编程艺术（第2版）》。尽管实际书籍内容并未给出，但从标题、描述及部分链接信息来看，这本书主要涉及JavaScript...

    JavaScript DOM编程艺术(中文第2版).pdf

    javascript入门必备，本书讲述了JavaScript和DOM的基础知识，但重点放在DOM编程技术背后的思路和原则：预留退路、循序渐进和以用户为中心等，这些概念对于任何前端Web开发工作都非常重要。本书将这些概念贯穿在书中...

    JavaScript.DOM编程艺术(第2版)附录及源码.rar

    《JavaScript.DOM编程艺术(第2版)》是一本深入探讨JavaScript与DOM（Document Object Model）交互的权威书籍。DOM是Web开发中的核心组件，它允许程序员通过JavaScript来操作HTML和XML文档的结构、内容和样式。这本书...

    JavaScriptDom编程艺术

    JavaScriptDom编程艺术，一本很好的前端书籍，有兴趣的可以看看

    JavaScript DOM编程艺术 第2版.pdf 第二部分

    学习Javascript用《JavaScript DOM编程艺术》来入门最好不过了，老老实实看两遍，看完了你就会对JS有一个大概的了解，整本书都围绕着一个网页效果例子展开，你跟着老老实实敲一篇，敲完之后，你会发现这个效果不是常...

    javascriptDom编程艺术+源码

    《JavaScript DOM编程艺术》是一本深受开发者欢迎的JavaScript学习书籍，专注于DOM（Document Object Model）这一核心概念。DOM是Web页面的结构模型，通过JavaScript与DOM的交互，开发者可以实现对网页内容的动态...

    JavaScriptDOM编程艺术

    通过学习《JavaScript DOM编程艺术》，读者将掌握如何利用JavaScript与DOM进行高效的网页动态编程，实现丰富的用户界面和交互体验。这本书不仅涵盖了DOM的基本概念，还深入讲解了实践中的技巧和最佳实践，对于前端...

    JavaScript DOM编程艺术 第2版+代码

    《JavaScript DOM编程艺术 第2版》是一本深入探讨JavaScript与DOM（Document Object Model）交互的权威书籍。DOM作为Web页面的结构模型，是JavaScript进行页面动态操作的核心工具。这本书全面覆盖了利用JavaScript来...

    javascript Dom 编程艺术

    本 书在简洁明快地讲述JavaScript和DOM的基本知识之后，通过几个实例演示了专业水准的网页开发技术，透彻阐述了平稳退化等一批至关重要的 JavaScript编程原则和最佳实践，并全面探讨了HTML5以及jQuery等JavaScript库...

    JavaScript DOM编程艺术 第2版 及源码

    《JavaScript DOM编程艺术 第2版》是一本深入探讨JavaScript与DOM（Document Object Model）交互的权威书籍。DOM是Web页面的结构模型，JavaScript通过DOM API能够对网页内容进行动态操作，实现丰富的交互效果。这...

    JavaScript DOM编程艺术 第2版

    ### JavaScript DOM编程艺术 第2版 #### 知识点概览 从提供的信息来看，《JavaScript DOM编程艺术 第2版》是一本专注于JavaScript及其与DOM（文档对象模型）交互的书籍。DOM是网页的核心组成部分之一，它定义了...

    JavaScript+DOM编程艺术（清晰中文版）.pdf

    一本我喜欢的书

    Javascript DOM编程艺术(中文版)

    ### JavaScript DOM编程艺术知识点概述 #### 一、DOM基础概念 **1.1 DOM简介** DOM（Document Object Model）即文档对象模型，是一种与平台和语言无关的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和...

    JAvascript Dom编程艺术 图片库

    JavaScript DOM编程艺术是一本专为前端开发者准备的基础教程，它深入浅出地讲解了如何使用JavaScript操作DOM（Document Object Model）来实现动态网页效果。DOM是HTML和XML文档的结构化表示，允许程序和脚本动态更新...

    JavaScript DOM编程艺术（第2版）.pdf

    《JavaScript DOM编程艺术（第2版）》是深入学习JavaScript与DOM操作的重要参考资料，它涵盖了JavaScript语言的基础以及在网页开发中如何有效地利用DOM进行动态交互的高级技术。这本书旨在帮助开发者提升JavaScript...

Magicbox
Global site tag (gtag.js) - Google Analytics