-1

我一直在关注 Jeffery Way在 Tuts+ 上的 history.pushState 教程,但是我无法获得他的结果。

基本上,这是我的测试页面: http: //leongaban.com/_tuts+/HTML5/

使用页面底部的脚本,URL 应该看起来像http://leongaban.com/_tuts+/HTML5/page但是什么也没发生,在 Chrome 和 Firefox 中,开发人员工具告诉我没有 JavaScript这页纸?

我的完整标记(与杰弗里的相同):

<!DOCTYPE html>
<html lang="en">
<head>

    <meta charset="utf-8">
    <title>History – pushState</title>

</head>

<body>

    <ul>
        <li><a href="http://d2o0t5hpnwv4c1.cloudfront.net/2086_get-good-with-php/preview.png" title="Rockable">Rockable</a></li>

        <li><a href="http://tutsplus.s3.amazonaws.com/bestof/bestoftuts.jpg" title="Best">Best of Tuts</a></li>

        <li><a href="http://net.tutsplus.com/wp-content/uploads/2012/06/200x200.png" title="Advanced JS">Advanced JS</a></li>
    </ul>

    <script type="text/javascript">
        history.pushState(
            'Some data'
            'My Page Title'
            'page'
        );
    </script>

    </body>

    </html>


    <!--

    <script>
        history.go(-1); < Go back 1 page
        history.go(2); < Go forward 2 pages
        history.go(0); < Refresh current page
        history.forward(); < Forward 1 page
        history.back(); < Back 1 page
    </script>

    -->
4

2 回答 2

3

您需要将逗号传递给该函数,以分隔您传递给 pushState 的变量

 history.pushState(
            'Some data',
            'My Page Title',
            'page'
        );
于 2012-07-26T15:46:17.190 回答
2

你需要逗号!我明白了Uncaught SyntaxError: Unexpected string /_tuts+/HTML5/:31

history.pushState(
    'Some data',
    'My Page Title',
    'page'
);
于 2012-07-26T15:46:01.417 回答