JavaScript重定向无法正常工作

Question

<body class='gray'>
    <section>
        <i class='icon-loading i-large animate-spin'></i>

        <h1>Redirecting to your new destination</h1>

        <table class="most-width table-column-only center">
            <thead>
                <tr>
                    <th><h2>From</h2></th>
                    <th><h2>To</h2></th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td id='old'></td>
                    <td id='new'></td>
                </tr>
            </tbody>
        </table>
    </section>
</body>
<script type="text/javascript">
    var thishost = "google.com";
    var thathost = "amazon.com";
    var url = window.location.href.toString();

    var current = document.getElementById('old');
    var new = document.getElementById('new');

    current.innerHTML = 'Current URL: ' + url;

    var newurl = url.replace(thishost, thathost);

    new.innerHTML = 'New URL: ' + newurl;
    window.location = newurl;
</script>

这是一个简单的页面，我试图将其覆盖在一起以覆盖URL的第一部分（即域）并将其替换为其他主机。

它只是根本不想工作。 它甚至不更改表格单元格的innerHTML。 我做的事情很明显错吗？

Answer 1

正如评论中所指出的那样，您的问题是您正在为变量使用保留关键字new 。 用newtd等替换new ，它应该可以工作。

不过，将来，您可以转到浏览器的调试器/ javascript控制台（例如Chrome上的Option + Command + J）来自己捕获这些语法错误。 它会告诉您问题线以及有关问题所在的一些指示：

或者，JSHint上的jsfiddle可以给你很多相同的信息。