在新标签页中打开链接

12 浏览
0 Comments

在新标签页中打开链接

我为我正在进行的项目创建了一个网站。

在网站的内容中，有一些链接指向可以访问的外部网页。

与此同时，当用户点击其中一个链接时，他将被带到指定的链接，并且他将不再处于当前页面。

我想要做的是，当用户点击链接时，让链接指定的网站在一个新的选项卡中显示。这样用户就可以保留当前页面，并在新选项卡中查看其他页面。

我在互联网上找到了一个看起来很有用的解决方法：

function externalLinks()
{
  var anchors = document.getElementsByTagName("a");
  for (var i=0; i



我面临的问题是我的网站导航栏包含锚点标签。所以现在，如果用户点击导航栏中的链接，它将在新选项卡中打开。我想要的是，只有当用户点击网站内容中的链接时才会发生这种情况。所以，如果用户点击导航栏中的链接，它不应该打开一个新的选项卡，而只是带他到指定的目的地。


我尝试给内容中的所有链接添加一个类，并使用getElementByClassName，但仍然没有起作用。


有人可以帮助我解决这个问题吗？
0

3 答案

0 Comments

打开一个新标签页的链接是一个常见的需求，可以通过在HTML中使用target属性来实现。您可以将目标属性设置为"_blank"，这样当用户点击链接时，链接的目标网页将在新的浏览器标签页中打开。

以下是一个使用HTML代码的示例：

<a target="_blank" href="YourAmazingURL">Click here for Amazing URL</a>

另一个示例：

<a target="_blank" href="http://www.google.com/">Google</a>

这个问题的解决方法就是在标签中添加target="_blank"属性，以便在新标签页中打开链接。

更多关于target属性的信息，可以参考以下链接：

- http://www.w3schools.com/tags/att_a_target.asp

- http://www.w3schools.com/html/html_links.asp

如果您需要在XHTML中实现相同的效果，可以使用以下代码：

<a href="YourAmazingURL" onclick="window.open(this.href,'_blank');return false;">Click here for Amazing URL</a>

或者：

<a href="http://www.google.com/" onclick="window.open(this.href,'_blank');return false;">Google</a>

然而，有一个问题是，如果您在XHTML中使用target属性，页面验证时会出现错误，提示target不是一个属性。

谢谢。我还找到了使用jQuery来实现的方法，但这种方法也很好知道。

0
0 Comments

打开一个链接在新标签页中的问题是由于使用XHTML而不能使用target属性导致的。解决方法是使用JavaScript来打开链接。

如果不需要使用JavaScript，可以直接在HTML的a标签中添加target属性。例如：<a href="http://www.google.co.uk" target="_blank">Google</a>。这可能是在不需要使用JavaScript的情况下更简单的方法。

然而，由于使用XHTML，验证页面时会提示target不是一个属性。因此，需要使用JavaScript来打开链接。下面是使用JavaScript的解决方法：

1. 在HTML中添加一个a标签，用于触发JavaScript函数：

Google

2. 在JavaScript中定义openInNewTab函数，该函数在新标签页中打开链接：

function openInNewTab() {
  window.open('http://www.google.co.uk', '_blank');
}

这样，当用户点击链接时，JavaScript函数将在新标签页中打开链接。这个解决方法可以在使用XHTML的情况下打开一个链接在新标签页中。

0
0 Comments

在上述内容中，出现了一个问题：如何在新标签页中打开链接。问题的解决方法是更改JavaScript中的if条件，以检查锚链接是否指向外部位置。具体而言，需要将`if(anchor.getAttribute("href"))`更改为`if(anchor.getAttribute("href") && anchor.hostname!==location.hostname)`。通过对代码进行清理，函数应该如下所示：

function externalLinks() {
  for(var c = document.getElementsByTagName("a"), a = 0;a < c.length;a++) {
    var b = c[a];
    b.getAttribute("href") && b.hostname !== location.hostname && (b.target = "_blank")
  }
}
;
externalLinks();

希望给出负评的人可以提供一些评论，谢谢！

0