Question

我有一个HTML文件，其中包含指向同一网址的多个链接。有没有办法指定一次URL，而不是每个锚点？目前，如果我更改URL，我会在每个锚中手动更改它。我会考虑一个Javascript解决方案，但更喜欢更简单和轻量级的东西。以下是一个代码示例，其中包含两个指向google.com的链接：

<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>

Answer 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>

您指定的任何链接都与基本网址相关，因此，如果您有<a href="foo.html">Preferred search engine</a>，则链接将为https://www.google.com/foo.html

Answer 2

你必须使用javascript来做到这一点。 jQuery会做得很好：

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

如果网址发生了变化，你可以调用同样的东西。

如果您不想使用jQuery，则这是等效的js代码：

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

你可以从任何你想要的地方触发changehref。

BTW：上述函数等于document.ready。

指向同一URL的多个链接

2 个答案: