【问题标题】:No JavaScript being detected on page (history.pushState)页面上未检测到 JavaScript (history.pushState)
【发布时间】:2012-07-26 15:42:24
【问题描述】:

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

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

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

我的完整标记(与 Jeffery 的相同):

<!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>

    -->

【问题讨论】:

  • 看起来您不是在加载 JavaScript 文件。
  • 我的控制台显示在参数列表/_tuts+/HTML5/:23 之后您的代码“缺少”中有一个错误
  • pushState的每个参数后面都需要逗号。
  • 我很好奇,是否因为我错过了 Javascript 中的逗号而对此投了反对票?还是因为出站链接?下次我想知道...

标签: javascript html browser-history pushstate


【解决方案1】:

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

 history.pushState(
            'Some data',
            'My Page Title',
            'page'
        );

【讨论】:

    【解决方案2】:

    你需要逗号!我得到Uncaught SyntaxError: Unexpected string /_tuts+/HTML5/:31

    history.pushState(
        'Some data',
        'My Page Title',
        'page'
    );
    

    【讨论】:

    • 谢谢!不敢相信我忘记了,叹息...可惜我只能选择一个答案
    猜你喜欢
    • 1970-01-01
    • 2012-10-08
    • 1970-01-01
    • 2021-01-31
    • 2017-11-06
    • 2011-09-14
    • 1970-01-01
    • 2011-05-14
    • 1970-01-01
    相关资源
    最近更新 更多