用Ajax来控制书签和回退按钮的代码

t);


　　让我们继续使用historyStorage 类。类似dhtmlHistory ，historyStorage通过一个叫historyStorage的单一全局对象来显示他的功能，这个对象有几个方法来伪装成一个hash table, 象put(keyName, keyValue), get(keyName), and hasKey(keyName).键名必须是字符，同时键值可以是复杂的javascript对象或者甚至是xml格式的字符。在我们源码source code的例子中，我们put() 简单的XML 到historyStorage 在页面第一次装载时。

程序代码
window.onload = initialize;

function initialize() {
  // initialize the DHTML History
  // framework
  dhtmlHistory.initialize();

  // subscribe to DHTML history change
  // events
  dhtmlHistory.addListener(historyChange);

  // if this is the first time we have
  // loaded the page...
  if (dhtmlHistory.isFirstLoad()) {
    debug("Adding values to browser "
          + "history", false);
    // start adding history
    dhtmlHistory.add("helloworld",
                     "Hello World Data");
    dhtmlHistory.add("foobar", 33);
    dhtmlHistory.add("boobah", true);

    var complexObject = new Object();
    complexObject.value1 =
                  "This is the first value";
    complexObject.value2 =
                  "This is the second data";
    complexObject.value3 = new Array();
    complexObject.value3[0] = "array 1";
    complexObject.value3 = "array 2";

    dhtmlHistory.add("complexObject",
                     complexObject);

    // cache some values in the history
    // storage
    debug("Storing key ''fakeXML'' into "
          + "history storage", false);
    var fakeXML =
      ''<?xml version="1.0" ''
      +      ''encoding="ISO-8859-1"?>''
      +      ''<foobar>''
      +         ''<foo-entry/>''
      +      ''</foobar>'';
    historyStorage.put("fakeXML", fakeXML);
  }


　　然后，如果用户从这个页面漂移走(导航走)又通过返回按钮返回了，我们可以用get()提出我们存储的值或者用