Что означает <a href="#" class="view">? - PullRequest
Новая
       4

Что означает <a href="#" class="view">?

29 голосов
/ 01 июля 2010

На моей html-странице я вижу ссылку с кодом «view source», как показано ниже: 

<a href="#" class="view">

Я вижу действительную ссылку, когда наведу на нее курсор мыши, и когда я щелкаю по ней, она работает. Но я не могу найти, где и как генерируется этот URL. Я обнаружил, что класс a.view определен в одном из CSS, но не смог найти URL в исходном коде страницы. Может кто-нибудь помочь мне узнать, где я могу найти этот URL?

Ответы [ 5 ]

43 голосов
/ 02 июля 2010

Мне тоже хотелось ответить, объясняя то же самое, что и другие, немного по-другому.Я уверен, что вы знаете большую часть этого, но это может помочь кому-то еще. 

<a href="#" class="view">


href="#"

- это часто используемый способ убедиться, что ссылка не ведетв любом месте по своему усмотрению.# -атрибут используется для создания ссылки на какой-то другой раздел в том же документе.Например, нажав на ссылку такого рода: 

<a href="#news">Go to news</a>

, вы попадете туда, где у вас есть код 

<a name="news"></a>

.Поэтому, если вы укажете # без имени, как в вашем случае, ссылка никуда не приведет.

Часть 

class="view"

дает ей идентификатор, который может использовать CSS или javascript.Внутри CSS-файлов (если они у вас есть) вы найдете специальные процедуры оформления для всех элементов, помеченных с помощью класса «view».

Чтобы узнать, где указан URL, я посмотрю в код JavaScript .Он либо написан непосредственно в том же документе, либо включен из другого файла.

Найдите в своем исходном коде что-то вроде: 

<script type="text/javascript"> bla bla bla </script>

или 

<script> bla bla bla </script>

, а затемищите любую ссылку на ваш класс "view".Включенный файл javascript может выглядеть примерно так: 

<script type="text/javascript" src="include/javascript.js"></script>

В этом случае откройте javascript.js в папке «include» и выполните поиск в этом файле.Чаще всего включения размещаются между <head> и </head> или рядом с тегом </body>.

Более быстрый способ найти ссылку - это найти фактическую ссылку, на которую она идет.Например, если вы перенаправляетесь на http://www.google.com/search?q=html, когда вы нажимаете его, ищите «google.com» или что-то во всех файлах, которые есть в вашем веб-проекте, просто запомните включенные файлы.

Во многих текстовых редакторах вы можете открывать все файлы одновременно, а затем что-то искать в них.

11 голосов
/ 01 июля 2010

href, вероятно, генерируется в функции javascript.Например, с jQuery : 

$(function() {
    $('a.view').attr('href', 'http://www.google.com');
});
3 голосов
/ 01 июля 2010

Javascript может подключаться к событию click якоря, а не вводить href.

Например, jQuery: 

$('a.view').click(function() { Alert('anchor without a href was clicked');});

Конечно, javascript может делатьвсе, что нужно с событием click - например, перейти на другую страницу (в этом случае href никогда не устанавливается, но якорь по-прежнему ведет себя так, как если бы он был)

2 голосов
/ 01 июля 2010

Не забудьте также посмотреть на Javascript.Я предполагаю, что при нажатии на ссылку выполняется пользовательский код Javascript, и именно этот Javascript генерирует URL-адрес и переходит к нему.

1 голос
/ 01 июля 2010

Вероятно, это работает с Javascript. Когда вы нажимаете на ссылку, ничего не происходит, потому что она указывает на текущий сайт. Затем JavaScript загрузит окно или URL-адрес. Он часто используется в веб-приложениях AJAX.

...