♣

点击左边框架的链接后，在右边框架显示页面？

所属目录：Java | 类型：技术问答 | 时间：2007-05-21

问题：

这是一个用js做的树型菜单，放在框架左边，我想点击它链接后就在右边显示，指点一下？
<head>
<style>

</style>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<title>操作</title>
</head>

<body background="bg.jpg">
<script language=javascript>
//more javascript from http://www.smallrain.net
var item_num=6; //父层菜单的行数
var item_word=new array(); //菜单的文字
for(i=0;i<item_num;i++)
item_word[i]=new array();
item_word[0][0]="返回首叶";
item_word[1][0]="系统管理";
item_word[2][0]="查看小区信息";
item_word[2][1]="添加小区信息";
item_word[2][2]="修改小区信息";
item_word[2][3]="删除小区信息";
item_word[3][0]="查看楼宇信息";
item_word[3][1]="添加楼宇信息";
item_word[3][2]="修改楼宇信息";
item_word[3][3]="删除楼宇信息";
item_word[4][0]="查看房间信息";
item_word[4][1]="添加房间信息";
item_word[4][2]="修改房间信息";
item_word[4][3]="删除房间信息";
item_word[5][0]="注销退出";

var item_link=new array(); //菜单的链接
for(i=0;i<item_num;i++)
item_link[i]=new array();
item_link[0][0]="#";
item_link[1][0]="glxz.php";
item_link[2][0]="www.sohu.com";
item_link[3][0]="#";
item_link[3][1]="#";
item_link[3][2]="#";
item_link[3][3]="#";
item_link[3][4]="#";
item_link[3][5]="#";
item_link[4][0]="#";
item_link[5][0]="#";

var item=new array(); //菜单的html
for(i=0;i<item_num;i++)
item[i]="";
for(i=0;i<item_num;i++)
for(j=0;j<item_word[i].length;j++)
item[i]+=" |<span class=px7>-● </span><a class=childlink href="+item_link[i][j]+"onclick=javascript:this.blur();>"+item_word[i][j]+"</a><br>";

//------------定义一个清空各菜单的函数--------------
function startitem()
{
for(i=0;i<item_num;i++)
document.all.titem.cells[2*i+1].innerhtml="";
}
//------------------定义结束----------------------

//------------定义一个菜单展开的函数----------------
function openitem(n)
{
if(document.all.titem.cells[n*2+1].innerhtml=="")
{
startitem();
document.all.titem.cells[n*2+1].innerhtml=item[n];
}
else
startitem();
}
//------------------定义结束----------------------

//-----------------开始实现菜单-------------------
document.writeln("<table id=titem>");
document.writeln(" <tr><td height=20 valign=bottom><span class=px7>● </span><a class=parentlink href=javascript: onclick=javascript:openitem(0);this.blur();>返回首叶</a></td></tr>");
document.writeln(" <tr><td class=childlink></td></tr>");
document.writeln(" <tr><td height=20 valign=bottom><span class=px7>● </span><a class=parentlink href=javascript: onclick=javascript:openitem(1);this.blur();>系统管理</a></td></tr>");
document.writeln(" <tr><td class=childlink></td></tr>");
document.writeln(" <tr><td height=20 valign=bottom><span class=px7>● </span><a class=parentlink href=javascript: onclick=javascript:openitem(2);this.blur();>小区管理</a></td></tr>");
document.writeln(" <tr><td class=childlink></td></tr>");
document.writeln(" <tr><td height=20 valign=bottom><span class=px7>● </span><a class=parentlink href=javascript: onclick=javascript:openitem(3);this.blur();>楼宇管理</a></td></tr>");
document.writeln(" <tr><td class=childlink></td></tr>");
document.writeln(" <tr><td height=20 valign=bottom><span class=px7>● </span><a class=parentlink href=javascript: onclick=javascript:openitem(4);this.blur();>房间管理</a></td></tr>");
document.writeln(" <tr><td class=childlink></td></tr>");
document.writeln(" <tr><td height=20 valign=bottom><span class=px7>● </span><a class=parentlink href=javascript: onclick=javascript:openitem(5);this.blur();>注销退出</a></td></tr>");
document.writeln(" <tr><td class=childlink></td></tr>");
document.writeln("</table>");
//------------------菜单结束-----------------------
</script>

· 网友精彩回答：

发表者：otom3

下面这句加一个参数，连接的目标框架名：

<a class=childlink href="+item_link[i][j]+"onclick=javascript:this.blur(); target=左边的目标框架名>"+item_word[i][j]+"</a>

发表者：jk_10000

item_link[2][0]="www.sohu.com";
--->>>

item_link[2][0]="http://www.sohu.com";

发表者：jk_10000

还有一个错误：

item[i]+=" |<span class=px7>-● </span><a class=childlink href="+item_link[i][j]+"onclick=javascript:this.blur();>"+item_word[i][j]+"</a><br>";

onclick=的前面应该有个空格

处理 SSI 文件时出错