Непрофессиональное введение в JAVASCRIPT



         

Панель навигации


Давайте посмотрим на панель навигации. У нас есть несколько ссылок в одном фрейме. Если пользователь нажимает на эти ссылки, страницы не будут появляться в том же самом фрейме - они будут загружены во второй фрейм.

Посмотрите пример:

Сначала нам неоходим сценарий, который создаст фреймы. Этот текст напоминает первый пример, который был в этой части:

frames3.htm

<html> <frameset rows="80%,20%"> <frame src="start.htm" name="main"> <frame src="menu.htm" name="menu"> </frameset> </html>

Страница start.htm - начальная страница, которая будет отображаться во фрейме main сначала. Не существует никаких специальных требований для этой страницы.

Следующая страница загружена во фрейм menu:

menu.htm

<html> <head> <script language="JavaScript"> <!-- hide

function load(url) { parent.main.location.href= url; }

// --> </script> </head> <body>

<a href="javascript:load('first.htm')">first</a> <a href="second.htm" target="main">second</a> <a href="third.htm" target="_top">third</a>

</body> </html>

Здесь Вы видите различные пути загрузки новой страницы во фрейм main. Первая ссылка использует функцию load(). Взгляните на то, как эта функция вызывается:

<a href="javascript:load('first.htm')">first</a>

Вы видите, что мы позволяем броузеру выполнять код JavaScript, вместо того, чтобы загрузить другую страницу - мы должны использовать javascript: в свойстве href. Вы видите, что мы пишем 'first.htm'

внутри скобок. Эта строка передается в функцию load(). Функция load() определена через:

function load(url) { parent.main.location.href= url; }

Здесь можете видеть, что мы пишем url внутри скобок. Это означает, что строка 'first1.htm' хранится в переменной url. Теперь внутри load() мы можем использовать эту переменную. В дальнейшем мы рассмотрим последующие примеры этого важного понятия передачи переменной.




Содержание  Назад  Вперед