动态加载dtree.js树treeview(示例代码)

前端技术 2023/09/05 JavaScript

复制代码 代码如下:

<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">
<html>
<head>
<title>Destroydrop » Javascripts » Tree</title>
<link rel=\"StyleSheet\" href=\"dtree.css\" type=\"text/css\" />
<script type=\"text/javascript\" src=\"dtree.js\"></script>
</head>
<body>

<div class=\"dtree\">
<p><a href=\"javascript: d.openAll();\">open all</a> | <a href=\"javascript: d.closeAll();\">close all</a></p>
<script type=\"text/javascript\">
<!--
d = new dTree(\'d\');
d.add(0,-1,\'My example tree\');
d.add(1,0,\'Node 1\',\'example01.html\');
d.add(2,0,\'Node 2\',\'example01.html\');
d.add(3,1,\'Node 1.1\',\'example01.html\');
d.add(4,0,\'Node 3\',\'example01.html\');
d.add(5,3,\'Node 1.1.1\',\'example01.html\');
d.add(6,5,\'Node 1.1.1.1\',\'example01.html\');
d.add(7,0,\'Node 4\',\'example01.html\');
d.add(8,1,\'Node 1.2\',\'example01.html\');
d.add(9,0,\'My Pictures\',\'example01.html\',\'Pictures I\'ve taken over the years\',\'\',\'\',\'img/imgfolder.gif\');
d.add(10,9,\'The trip to Iceland\',\'example01.html\',\'Pictures of Gullfoss and Geysir\');
d.add(11,9,\'Mom\'s birthday\',\'example01.html\');
d.add(12,0,\'Recycle Bin\',\'example01.html\',\'\',\'\',\'img/trash.gif\');
document.write(d);
//-->
</script>
</div>
<p></p>
</body>
</html>

本文地址:https://www.stayed.cn/item/13013

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。