0

我正在使用 Wordpress，并且在帖子中有一个简单的 HTML 表格。我使用 javascript 使所有行都可点击到 URL。某些客户端使用 Internet Explorer 报告错误，“此内容无法在框架中显示”。我需要两件事：

  1. 在新选项卡中打开的链接（当前在同一窗口中打开）
  2. 要删除此错误（即使下面的内容也给出了错误）。

有任何想法吗？提前致谢

<table class="mytable">
<tbody>
<tr>
<th>Title</th>
<th>Author</th>
<th>Publisher</th>
<th>ISBN</th>
</tr>
<tr onclick="document.location = 'http://amazon.com/dp/1234567890';">
<td><strong><em>Book A</em></strong></td>
<td>rrr</td>
<td>hhh</td>
<td>123414</td>
</tr>
<tr class="alt" onclick="document.location = 'http://amazon.com/s?index=books&amp;field-author=fred';">
<td><strong><em>Book B</em></strong></td>
<td>VVV</td>
<td>AAA</td>
<td>n/a</td>
</tr>
</tbody>
</table>
4

1 回答 1

1

可以使用锚点来做到这一点，但是每行中的每一列都需要一个锚点，我猜你不适合那个！

我似乎无法复制您遇到的错误，我猜您使用的是不同版本的 IE。

使用 TR onclick 事件似乎是最简单的方法。

由于您希望链接在新窗口或选项卡中打开（它实际上不在您的控制范围内，因为它取决于客户端浏览器的配置方式），您可以使用 window.open() 而不是像现在一样更改 window.location 。

<script type="text/javascript">
function navigate(url) {
  window.open(url);
}
</script>

将这些内容添加到页面的头部。

<tr onclick="navigate('where.you/want-to-go');">

你将能够像那样使用它。我不知道这是否会触发任何弹出窗口阻止程序类型的东西，但对于我的测试，它打开了一个新选项卡。

window.open 函数可以采用一些额外的参数来尝试强制新选项卡或窗口等，但不知道有多少浏览器以及它的工作情况。

于 2012-10-25T16:46:29.417 回答