浏览器未重定向，但 url 正在更改

Question

我想通过单击整行来重定向我的页面。

为此，我的 HTML 表格行位于由 javascript 创建的下方。

id = 1;
<tr onclick="document.location.href='http://localhost/emailc/emailCampaignEdit/"+id+"'">
    <td><b>abc</b></td>
</tr>

在点击上面的代码之前，我的浏览器的网址是http://localhost/emailc

单击代码后，我想在此 url http://localhost/emailc/emailCampaignEdit/1上重定向我的页面

浏览器 url 在点击时会发生完美的变化。 但浏览器没有重定向到该网址。 如果我在该 url 上刷新浏览器，那么它可以按我的意愿工作。

我也试过这个来测试语法：

<tr onclick="document.location.href='http://www.google.com'">
    <td><b>abc</b></td>
</tr>

它运行良好，浏览器完全重定向到谷歌页面，我还测试了其他重定向代码，如window.location.href或window.location.assign或window.location一切都有同样的问题。

Answer 1

<tr onclick="openWin('1')">
    <td><b>abc</b></td>
</tr>
<script>
function openWin(id)
{
window.open("http://localhost/emailc/emailCampaignEdit/"+id)
}
</script>

你能试试这个吗？

编辑 ：

您可以使用此功能：

location.reload(false);

这将从服务器重新加载页面，而不是在 url 更改后立即从缓存中重新加载页面

所以你应该使用：

function openWin(id)
    {
    window.open("http://localhost/emailc/emailCampaignEdit/"+id,"_self");
    location.reload(false);
    }

Answer 2

var id = 1;
document.write('<table>'+
'<tr onclick="document.location.href=\'http://localhost/emailc/emailCampaignEdit'+id+'\'">'+
'<td><b>abc</b></td>'+
'</tr></table>');

请尝试上面的代码

Answer 3

这应该有用，它对我有用

var td = document.getElementsByTagName('td'), id = 1;

td[0].addEventListener('click', function(){location.assign('yourURL.php?id=' + id);}, false);

请注意， document.location.href 返回页面的 URL 并且不会重定向。 有关更多信息，请参阅http://www.w3schools.com/jsref/prop_loc_href.asp 。