我可以在一个单词上设置多个超链接吗？ [复制]答案

【问题标题】：Can I set more than one hyper links on single word? [duplicate]我可以在一个单词上设置多个超链接吗？ [复制]
【发布时间】：2015-06-04 06:17:20
【问题描述】：

我想知道我可以在html中的单个单词上设置多个链接吗？我已经尝试过：

<a href="link1" target="_self"><a href="link2 target="_blank>Open</a></a>
<a href="link1" target="_self" href="link2" target="_blank">Open</a>

这只是我想做的示例；当然，以上任何一个都不起作用。

那么，如何在单个单词上设置多个指向不同目标的链接？ 是否可以使用 html 或 <a> 或其他内容。

【问题讨论】：

这毫无意义。 <a> 标记具有 href 属性，该属性通过超链接 URL 链接到目标站点，仅此而已。
搜索 JavaScript 弹出菜单。听起来您真正想要的是让用户能够单击链接，然后选择要访问的目标页面。

标签： html hyperlink href

【解决方案1】：

不，你不能。

如果您对 javascript 持开放态度，则可以创建一个接受 url 的函数并调用 window.open 函数，但这可能会被弹出窗口拦截器阻止。

/* this function tries to open the
   arguments supplied to it*/
function opensesame() {
  for(var i=0; i < arguments.length; i++) {
    $('#log').append($('<div></div>').text('trying to open '+ arguments[i]));
    window.open(arguments[i]);
  }
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- you can have a local link in href -->
<a href="#" 
   onclick="opensesame('http://www.google.com','http://stackoverflow.com');">
  open sesame
</a>

<div id="log">
</div>

来自FAQ on the window.open documentation：

如何判断我的窗口何时被弹出窗口阻止程序阻止？
使用 Mozilla/Firefox 和 Internet Explorer 6 SP2 的内置弹出窗口阻止程序，您必须检查 window.open() 的返回值：如果不允许打开窗口，它将为 null。但是，对于大多数其他弹出窗口拦截器，没有可靠的方法。

我将其作为练习留给读者，以将其扩展为也采用 target 设置。

【讨论】：

【解决方案2】：

不，你不能。

在同一个词的不同部分可以有两个不同的链接，但不能在同一个词中。

<a href="l1">unif</a><a href="l2">orm</a>

你需要 Javascript 来做这样的事情。

【讨论】：