Javascript重定向无法正常工作

时间:2015-08-02 20:51:06

标签: javascript

<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。我做的事情显然是错的吗?

1 个答案:

答案 0 :(得分:1)

正如评论中指出的那样,您的问题是您使用保留关键字new作为变量。将new替换为newtd等,它应该有效。

将来,您可以通过浏览器的调试器/ javascript控制台(例如Chrome上的Option + Command + J)自行捕获这些语法错误。它会告诉你问题行以及问题所在的一些迹象:

enter image description here

或者,JSFiddle上的 JSHint 可以为您提供相同的信息。

enter image description here