我已经阅读了关于stackoverflow的所有关于history.js的帖子，包括 this， this和 this，并且看到了 source code，但作为javascript / jquery的新手，我无法弄清楚如何实际实现html 5历史支持并支持html4浏览器，如ie8 / 9。正如我可以欣赏到，尽可能地提供一致的URL的UX的好处，它如何解决深层链接，并允许我想要实现的书签，但是当我尝试在我的网站上实际使用这个URL时，我有点迷失。

在我的页面中添加history.js脚本

我修改的代码是：

function(window,undefined){

    // Prepare
    var History = window.History; // Note: We are using a capital H instead of a lower h
    if ( !History.enabled ) {
         // History.js is disabled for this browser.
         // This is because we can optionally choose to support HTML4 browsers or not.
        return false;
    }

    // Bind to StateChange Event
    History.Adapter.bind(window,'statechange',function(){ // Note: We are using statechange instead of popstate
        var State = History.getState(); // Note: We are using History.getState() instead of event.state
        History.log(State.data,State.title,State.url);
    });

    // Change our States
    History.pushState({state:1},"State 1","?state=1"); // logs {state:1},"?state=1"
    History.pushState({state:2},"State 2","?state=2"); // logs {state:2},"?state=2"
    History.replaceState({state:3},"State 3","?state=3"); // logs {state:3},"?state=3"
    History.pushState(null,null,"?state=4"); // logs {},'',"?state=4"
    History.back(); // logs {state:3},"?state=3"
    History.back(); // logs {state:1},"?state=1"
    History.back(); // logs {},"Home Page","?"
    History.go(2); // logs {state:3},"?state=3"

})(window);

是//改变我们所有新代码的状态，因为这个代码只是给出了历史控制的例子？

或者我应该编写自己的代码代替这个整个代码块(我使用jquery帮助我，在这一点上，给定我的新的编码)。

我正在阅读这个article关于动态内容加载并试图在我的网站上实现(我可以得到这个代码工作，但我知道它将不会在ie8 / 9中打得很好)，但是我试图找出如何结合history.js

阿斯洛，其次，我想弄清楚history.js与modernizr的关系？

它是替代modernizr.history(它进行测试，如果不支持.js可以回到典型的页面加载)，或者它的功能如下所示：

if (Modernizr.history) {
   //Code goes here that works if it's HTML 5 Browser with .history support? I know some HTML5 browsers deal with .history oddly (read buggy) so what happens in those cases?
} else {
   //code from above goes here? with function(window,undefined){...etc...  ?
}

function search(params) {
  // record your current UI position
  // data (to save),title (to set on page),url (to set on page)
  History.pushState({ params: params },"Search","?search");


   // now run whatever should happen because client triggered search()
}

// Bind to StateChange Event
History.Adapter.bind(window,function() {
  var State = History.getState();

  // returns { data: { params: params },title: "Search": url: "?search" }
  console.log(State); 

  // or you could recall search() because that's where this state was saved
  if (State.url == "?search") {
    search(data.params);
  }
});