TWaver HTML5 继承结构和成员说明

这并不是一个静态页面，而是用JavaScript动态解析TWaver，所以即使TWaver更新也没关系，只要在这个html中引入新的twaver.js就可以了。

界面说明：整个页面的布局借助twaver.controls.SplitPane实现，左侧是TWaver的树组件，中间是List组件，右侧是一个pre标签，借助beautify和prettify展现js代码。

接下来介绍一下页面上三个部分的实现方式：

//list选中的节点发生变化时更新prelist.getSelectionModel().addSelectionChangeListener(function (e) {     var data = list.getSelectionModel().getLastData();     if (data) {         pre.innerHTML = '';         var html = js_beautify(data.content + "");         pre.appendChild(document.createTextNode(html));         prettyPrint();      }});

这三部分介绍完，实际上这个页面也就写完了，通过这些代码，大家应该可以感受到JavaScript的灵活之处，页面布局部分的代码就不介绍了，大家可从下载附件自行研究，最后附上附件见原文最下方