官网详细版：

HT FOR WEB 入门手册--官网

1、开发类库：

<script src="ht.js"></script>

HT的核心开发类库只有一个ht.js的JavaScript（以下简称js）文件，核心ht.js类库包含了数据模型、树表等通用组件、2D拓扑组件、矢量和3D渲染引擎等核心功能组件， 同时HT提供了众多扩展插件，如对话框、菜单和表单等，可满足其他需求的类库或组件供用户选择使用。

2、运行环境

任何支持HTML5标准的浏览器。
如果项目环境必须使用IE6，IE7和IE8等老版IE浏览器，或因采用HT for Web 3D， 而现场环境无法升级到IE11，则可以考虑安装Google Chrome Frame插件， 在页面嵌入以下Tag代码片段，该页面就会采用Chrome来渲染。

<meta http-equiv="X-UA-Compatible" content="Chrome=1">

3、函数简写

HT基于JavaScript语言，由于JavaScript动态语言的灵活性，开发工具在拼写和错误提示方面功能较弱， 因此HT为一些常用的函数提供了简写的命名方式，熟记以下常用函数简写可提高编码效率。

HT简写的几个字母有如下含义：

m:monitor、model

um:unmonitor

f:fire

HT简写函数列表如下：

GraphView#addInteractorListener=GraphView#mi

GraphView#removeInteractorListener=GraphView#umi

GraphView#fireInteractorEvent=GraphView#fi

Graph3dView#addInteractorListener=Graph3dView#mi

Graph3dView#removeInteractorListener=Graph3dView#umi

Graph3dView#fireInteractorEvent=Graph3dView#fi

SelectionModel#addSelectionChangeListener=SelectionModel#ms

SelectionModel#removeSelectionChangeListener=SelectionModel#ums

SelectionModel#getFirstData=SelectionModel#fd

SelectionModel#getLastData=SelectionModel#ld

SelectionModel#contains=SelectionModel#co

SelectionModel#setSelection=SelectionModel#ss

SelectionModel#appendSelection=SelectionModel#as

SelectionModel#selectAll=SelectionModel#sa

SelectionModel#removeSelection=SelectionModel#rs

SelectionModel#clearSelection=SelectionModel#cs

DataModel#getSelectionModel=DataModel#sm

DataModel#addDataModelChangeListener=DataModel#mm

DataModel#removeDataModelChangeListener=DataModel#umm

DataModel#addDataPropertyChangeListener=DataModel#md

DataModel#removeDataPropertyChangeListener=DataModel#umd

DataModel#addHierarchyChangeListener=DataModel#mh

DataModel#removeHierarchyChangeListener=DataModel#umh

firePropertyChange=fp

addPropertyChangeListener=mp

removePropertyChangeListener=ump

getPosition=p

setPosition=p

getTranslateX=tx

setTranslateX=tx

getTranslateY=ty

setTranslateY=ty

getStyle=s

setStyle=s

getAttr=a

setAttr=a

invalidate=iv

invalidateModel=ivm

getSelectionModel=sm

getLogicalPoint=lp

Toolbar#setValue=v

Toolbar#getValue=v

FormPane#setValue=v

FormPane#getValue=v

3D简写函数

HT对常用函数有不少简写方式，例如getDataModel()|dm()，getSelectionModel()|sm()等，同样3D也有不少便捷的简写函数：

setPosition3d(x, y, z)|setPosition3d([x, y, z])可简写为p3(x, y, z)|p3([x, y, z])

getPosition3d()可简写为p3()

setSize3d(x, y, z)|setSize3d([x, y, z])可简写为s3(x, y, z)|s3([x, y, z])（width、tall、height）

getSize3d()可简写为s3()

setRotation3d(x, y, z)|setRotation3d([x, y, z])可简写为r3(x, y, z)|r3([x, y, z])

getRotation3d()可简写为r3()

以下为常见简写示例：

graphView.getDataModel().getSelectionModel().setSelection(data)

graphView.dm().sm().ss(data)

graphView.getDataModel().getSelectionModel().addSelectionChangeListener(func)

graphView.dm().sm().ms(func)

dataModel.getSelectionModel().getLastData().setAttr('age', 35)

dataModel.sm().ld.a('age', 35)