【发布时间】: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