2016-12-06 85 views
0

我有一個HTML文件,它有幾個指向同一個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> 

您CAL觸發從任何你想要的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

相關問題