2016-12-06 87 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

相关问题