2016-12-06 5 views
0

У меня есть HTML-файл, который имеет несколько ссылок на один и тот же URL-адрес. Есть ли способ указать URL один раз, а не в каждом якоре? В настоящее время, если я изменяю URL-адрес, я вручную изменяю его в каждом якоре. Я бы рассмотрел решение Javascript, но предпочел бы что-то более простое и легкое. Вот пример кода с двумя ссылками на google.com:Несколько ссылок на тот же URL-адрес

<HTML> 
<HEAD> 
</HEAD> 

<BODY> 

<P> 
<A HREF="https://www.google.com/">Preferred search engine</A> 
</P> 

<HR> 
<P> 
<A HREF="https://www.google.com/">Google</A> 
</P> 

</BODY> 
</HTML> 
+1

Использование JavaScript было бы очень плохо (представьте, если у кого-то отключен javascript) – paolobasso

+0

серьезно? js отключен в те дни? @ paolo.basso99 – Yaser

+0

, если JavaScript не нужен, и в этом случае использование только для предпочтения разработки, почему не поддерживает этот 0,5% браузера, который не поддерживает JS? https://en.wikipedia.org/wiki/Progressive_enhancement – paolobasso

ответ

0

Для этого вы должны использовать javascript. jQuery будет делать красиво:

$(function() { 
    $('a').attr('href','https://www.google.com'); 
}); 

Тогда вы можете назвать то же самое, если URL изменился.

Если вы не хотите использовать JQuery это эквивалентно JS код:

<script> 
    function ChangeHref(){ 
     document.getElementById("a").setAttribute("onclick", "location.href='https://www.google.com'"); 
    } 
</script> 

Вы кал вызвать changehref из любого места вы хотите.

BTW: вышеуказанная функция равна document.ready.

1

Вы можете использовать <base> элемент:

Например:

<!DOCTYPE html> 
<html> 
<head> 
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"> 
<title>Untitled 1</title> 
<base href="https://www.google.com/"> 
</head> 
<body> 
<p> 
<a href="">Preferred search engine</a> 
</p> 
<a href="">Google</a> 
</p> 
</body> 
</html> 

Любые ссылки, которые вы specicfy будет по отношению к базовому URL, так что если у вас <a href="foo.html">Preferred search engine</a> ссылка будет https://www.google.com/foo.html

+0

И если у него есть еще одна внутренняя ссылка? – paolobasso

+0

@ paolo.basso99 Ему просто нужно использовать полный URL для этого. Но это не его вопрос? – j08691

Смежные вопросы