Я использовал свое свободное время, чтобы написать пример просмотра одного изображения, когда я изучал JavaScript:
Кода -копия выглядит следующим образом:
<! Doctype html public "-// w3c // dtd html 4.0 transitional // en">
<html>
<Голова>
<TILE> Галерея изображений </title>
<Meta name = "Generator" Content = "EditPlus">
<Meta name = "Author" content = "">
<Meta name = "Keywords" content = "">
</Head>
<script language = "javascript">
функция Showpic (WhatPic) {
var source = whatpic.getattribute ("href"); // Получить значение атрибута href элемента, который в настоящее время нажимает
var Placeholder = document.getElementByid ("Placeholder"); // Получить цель
Placeholder.SetAttribute ("src", Source); // Установите целевой атрибут src, чтобы изменить картинку
var text = whatpic.getattribute ("title"); // Получите значение названия атрибута элемента, которое в настоящее время нажимает
var description = document.getElementbyId ("description");
description.firstchild.nodevalue = text; // назначить заголовок элемента Click to <p>
// или description.childnodes [0] .nodevalue = text;
}
</script>
<Тело>
<h1> галерея изображений JavaScript </h1>
<ul>
<li>
<a href = "Images/fireworks.jpg" onclick = "showpic (это); вернуть false;"> pic1 </a>
</li>
<li>
<a href = "Images/coffee.jpg" onclick = "showpic (это); вернуть false;"> изображение 2 </a>
</li>
<li>
<a href = "Images/rose.jpg" onclick = "showpic (это); вернуть false;"> pic three </a>
</li>
<li>
<a href = "Images/bigben.jpg" onclick = "showpic (это); вернуть false;"> изображение 4 </a>
</li>
</ul>
<img id = "Placeholder" src = "images /chicolder.gif" />
<p id = "Описание"> выберите изображение. </p>
</Body>
</Html>
Уведомление:
Мы должны обратить внимание на добавление событий в тег <a> </a>, чтобы не заставлять его выполнять прыжки.
Решение: функция возвращает false; Событие считает, что ссылка не была нажата.
Если значение hREF - JavaScript: void (0); Это также не может прыгнуть.