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

《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族
评论
发表评论

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

相关推荐

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