Rumah > Artikel > pembangunan bahagian belakang > javascript目录树中的连接页面如何在iframe框架中显示
help.html页面中包含目录树代码和iframe框架,我想实现当点击目录树的连接时,相应的连接页面显示在iframe框架中。
目录树的javascript代码:
d = new dTree('d');
d.add(0,-1,'目 录');
d.add(1,0,'运行环境','admin/outline_0.htm','con');
d.add(2,0,'Node 2','admin/outline_1.htm','con');
d.add(3,1,'硬件环境','admin/outline_2.htm','con');
d.add(4,0,'Node 3','example01.html','con');
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/Tree/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/Tree/img/trash.gif');
document.write(d);
//-->
其中还调用了一个名称是:dtree.js 脚本来控制它的图片显示和隐藏
iframe代码:
目录树如图所示,点击后在右侧iframe框架中显示详细页面,就像windows的帮助页那样
help.html页面中包含目录树代码和iframe框架,我想实现当点击目录树的连接时,相应的连接页面显示在iframe框架中。
目录树的javascript代码:
d = new dTree('d');
d.add(0,-1,'目 录');
d.add(1,0,'运行环境','admin/outline_0.htm','con');
d.add(2,0,'Node 2','admin/outline_1.htm','con');
d.add(3,1,'硬件环境','admin/outline_2.htm','con');
d.add(4,0,'Node 3','example01.html','con');
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/Tree/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/Tree/img/trash.gif');
document.write(d);
//-->
其中还调用了一个名称是:dtree.js 脚本来控制它的图片显示和隐藏
iframe代码:
目录树如图所示,点击后在右侧iframe框架中显示详细页面,就像windows的帮助页那样