在JavaScript和Ext JS框架中，建立超链接并处理事件是一项常见的任务，特别是在构建富客户端应用程序时。本篇文章将深入探讨如何在JavaScript中创建超链接以及如何将这些链接应用于Ext JS中的树形控件事件处理。
让我们了解如何在JavaScript中创建超链接。通常有以下两种方法：
1. 使用`location.href`属性：
```javascript
// 方法一: 通过修改当前窗口的URL来导航
location.href = '网址';
```
这种方法可以直接改变浏览器的地址栏，并跳转到指定的URL，无需创建HTML的`<a>`标签。
2. 使用`document.write`创建`<a>`标签：
```javascript
// 方法二: 在文档中动态插入一个<a>元素
document.write('<a href="网址">文字</a>');
```
这种方法会在页面加载时写入一个`<a>`标签，用户点击后会跳转到对应的URL。
在Ext JS中，我们经常需要结合事件处理来创建动态的交互体验。例如，在一个树形控件（TreePanel）中，我们可以监听节点的点击事件，然后执行相应的操作，如打开一个新的页面。以下是一个示例代码，展示了如何在树形控件的子节点上添加点击事件处理：
```javascript
Ext.onReady(function() {
var root = new Ext.tree.TreeNode({
id: 1,
text: "linjq"
});
var c1 = new Ext.tree.TreeNode({
text: "child 1"
});
root.appendChild(c1);
root.appendChild(new Ext.tree.TreeNode({
text: "child 2"
}));
var tree = new Ext.tree.TreePanel({
width: 100,
renderTo: "content",
root: root
});
// 在子节点c1上绑定点击事件，当点击时跳转到index.jsp
c1.on("click", function() {
location.href = "index.jsp";
});
});
```
在这个例子中，我们创建了一个简单的树形结构，其中包含一个根节点和两个子节点。当我们点击“child 1”节点时，`location.href`被设置为`'index.jsp'`，从而触发页面跳转。
当然，也可以选择在点击事件中执行其他操作，比如弹出警告框、加载新内容或执行任何自定义逻辑。例如，可以使用`alert`函数显示节点文本，或者使用`document.write`来动态插入一个超链接，如下所示：
```javascript
// 替换原有的点击事件处理
c1.on("click", function(node, event) {
alert(node.text);
// 或者
// document.write('<a href="index.jsp">index.jsp</a>');
});
```
结合JavaScript和Ext JS，我们可以创建功能丰富的用户界面，通过监听树形控件的事件，动态生成超链接并处理它们，为用户提供更加直观和交互式的体验。理解并掌握这些基础技巧对于开发基于Ext JS的应用程序至关重要。
