------------------index,html---------------
<<!DOCTYPE html>
<html><head> <title>JS固定节点</title> <script type="text/javascript" src="jie.js"></script></head><body><div id="fass" ></div><iframe name="Iframe1" width="500" height="500"></iframe></body></html>
--------------------------jie.js------------------------
var data=[
['1','父节点1','0'],['2','父节点2','0'],['3','百度','1',""],['4','搜搜','1',""],['5','节点3','2',""],['6','节点3','1',""],['7','节点213123','2',""],['8','白先有','2',""],]; var html="";//全局变量window.οnlοad=function function_name() {
//首先遍历 数组。找到第一个父节点 for (var i = 0; i < data.length; i++) { //判断条件 是否是父节点 if(data[i][2]==0) { //将组织 HTML 输出父节点 html+="<a href='javascript:'>+"+data[i][1]+"</a><br>"; document.getElementById("fass").innerHTML=html;//将父节点的 ID 临时储存
var faid=data[i][0]; //局部变量 这次用完就没用了//再一次遍历数组。找到 该ID下的子节点
for (var n = 0; n < data.length; n++) { //该父节点ID 下的子节点 if(data[n][2]==faid) { html=html+"<a target='Iframe1' href='"+data[n][3]+"'>——"+data[n][1]+"</a><br>" document.getElementById("fass").innerHTML=html; //console.log("-"+data[n][1]); } } } }}
----------------------------------讲解----------------------------
这个只是一个简单的树节点实现。希望能自己优化和改进，并且封装之后使用。