欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

javascript目录树中的连接页面如何在iframe框架中显示

程序员文章站 2022-04-15 22:03:32
...
help.html页面中包含目录树代码和iframe框架,我想实现当点击目录树的连接时,相应的连接页面显示在iframe框架中。
目录树的javascript代码:

其中还调用了一个名称是: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的帮助页那样

相关标签: php javascript