我一直在关注 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>
-->