左边点文字连接,右边显示连接的网页

heroblues 2009-11-13 11:22:13

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>网页显示</title>
<script type="text/javascript">
function LinkPage(url){
document.getElementById(right).src=url;
}
</script>
</head>

<body>
<div id="main" style="width:100%; height:768px; border-color:#000; border:1px; border-style:ridge;">
<!--左边链接区-->
<div id="left" style="width:150px; height:767px;">
<p align="center">
<a href="#" style="text-decoration:none;" onclick="LinkPage('Untitled-2.html');">图片显示</a>
</p>
<p align="center">
<a href="#" style="text-decoration:none;" onclick="LinkPage('Untitled-5.html');">文字显示</a>
</p>
</div>
<!--左右两边的分割线-->
<div id="middle" style="width:3px; height:767px; background-color:#03F; position:absolute; left: 157px; top: 8px; height: 769px;">
</div>
<!--内容显示区 -->
<div id="right" style="position:absolute; width:1142px; left: 163px; top: 17px; height: 761px;">
</div>
</div>
</body>
</html>

怎样用js实现该功能啊?
...全文
255 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
MuBeiBei 2009-11-13
  • 打赏
  • 举报
回复
层 好像实现不了~··
heroblues 2009-11-13
  • 打赏
  • 举报
回复
不用frame框架,用层不可以实现吗?
ivws_19 2009-11-13
  • 打赏
  • 举报
回复
用iframe
document.getElementById("frame").src="";
<div style="float:right">
<iframe id="frame" ></iframe>
</div>

87,993

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧