javascript学习笔记（第四章图片库--初步了解）

javascript学习笔记（第四章图片库–初步了解）

通过前三章的学习我们已经对这个新的语言有了一个了解，js的语法基本和C语言一致，我们可以通过调用一些document对象中的函数来对实现一些很简单的基本操作，在一些相关是书籍中博主了解到其实还有很多函数博主现在还没有学习到，之后我们如果用到了我会继续分享给大家。之前我们都是用alert命令提示窗口来实现脚本的操作，在我们真正用到的网页中我们会发现里面的操作是非常多的，尤其是网页中大量的图片，那这些图片又是怎么显示出来的呢？今天我们就一起来学习一下。
在我们使用js创建一个图片库时，我们可以把大量图片的链接集中起来放在图片库的主页中，用户通过点击相应的图片链接就可以获得自己想要浏览的图片。
一、标记
下面我们来创建一个简单的图片库，例：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="utf-8" /><title>Image Gallery</title>
</head>
<body><h1>Snapshots</h1><ul><li><a href="js图片库/红石头.JPEG" title="木格措景区红石头">红石头</a></li><li><a href="js图片库/康定星空.JPEG" title="康定城市的星空美景">康定星空</a></li><li><a href="js图片库/木格措的杜鹃花.JPEG" title="木格措景区的满山红杜鹃">木格措的杜鹃花</a></li><li><a href="js图片库/木格措的河.JPEG" title="木格措景区的河">木格措的河</a></li></ul>
</body>
</html>

注意将所用的图片集中保存在js图片库文件里，然后将脚本命名为gallery.html，将他们放在同一个目录下。脚本运行结果如下图，我们可以通过鼠标点击相应的图片链接来浏览图片:

到这里一个简单的图片库就创建好了。

javascript学习笔记（第四章图片库--初步了解）相关推荐

《Go语言圣经》学习笔记第四章复合数据类型
<Go语言圣经>学习笔记第四章复合数据类型目录数组 Slice Map 结构体 JSON 文本和HTML模板注:学习<Go语言圣经>笔记,PDF点击下载,建议看书. ...
计算机网络（第7版）谢希仁著学习笔记第四章网络层
计算机网络(第7版)谢希仁著学习笔记第四章网络层第四章网络层 4.3划分子网和构造超网 p134 4.3.1划分子网 4.3.2使用子网时分组的转发 4.3.3无分类编址CIDR(构建超网) ...
Effective Java（第三版）学习笔记 - 第四章类和接口 Rule20~Rule25
Effective Java(第三版) 学习笔记 - 第四章类和接口 Rule20~Rule25 目录 Rule20 接口优于抽象类 Rule21 为后代设计接口 Rule22 接口只用于定义类型 ...
JavaScript学习笔记（四）---闭包、递归、柯里化函数、继承、深浅拷贝、设计模式
JavaScript学习笔记(四)---闭包.递归.柯里化函数.继承.深浅拷贝.设计模式 1. 匿名函数的使用场景 2.自运行 3.闭包 3.1前提: 3.2闭包 4.函数对象的三种定义方式 5.th ...
机器人导论（第四版）学习笔记——第四章
机器人导论(第四版)学习笔记--第四章 4.1 引言 4.2 解的存在性 4.3 当n<6时操作臂子空间的描述 4.4 代数解法和几何解法 4.5 简化成多项式的代数解法 4.6 三轴相交的Pi ...
线性代数学习笔记——第四章学习指南——n维向量空间
一.学习内容及要求 1. 内容: §4.1. n维向量空间的概念线性代数学习笔记--第四十讲--n维向量空间的概念线性代数学习笔记--第四十一讲--n维向量空间的子空间 §4.2. 向量组的线性相 ...
仿生学导论学习笔记——第四章
第四章人类与生物的进化 4.1 进化历程 4.1.1 人类进化历程 4.1.1.1 类人猿 4.1.1.2 南方古猿 4.1.1.3 能人 4.1.1.4 直立人 4.1.1.5 智人 4.1.1. ...
Lan Goodfellow 《DEEP LEARNING》学习笔记 --第四章
https://app.yinxiang.com/shard/s64/nl/22173113/a89ab8f8-3937-419c-8b81-cc913abaa35a/ 为了方便起见,我用的可手写的a ...
python实验题第四章_「Python」2020.03.16学习笔记 | 第四章列表、元组、字典-习题（11-13）...
学习测试开发的Day74,真棒! 学习时间为1H 第四章列表.元组.字典-习题(11-13) 11.求两个集合的交集和并集代码 list1=[1,2,3,4] list2=[2,3,5,5] def ...

javascript学习笔记（第四章图片库--初步了解）

javascript学习笔记（第四章图片库–初步了解）

javascript学习笔记（第四章图片库--初步了解）相关推荐

最新文章

热门文章