求解下面的有关问题，HTML DIV布局
日期：2014-05-17 浏览次数：20803 次
求解下面的问题，HTML DIV布局
由于在做一个JSP的作业，简单做一个系统，大概的界面就是左边是功能链接列表，然后再右边显示。之前没弄过HTML，所以网上各处找有关DIV布局，左边链接，右边显示的问题，在网上看到下面的解决方法：
现在是可以基本达到这样的界面效果，，但是为什么第二次点击左边的按钮的时候，，右边变成空白了啊，问题出在哪了？
------解决方案--------------------
a.href="#"
你点击后 改变了a 的href属性为 #
------解决方案--------------------
直接这样就ok
由于在做一个JSP的作业，简单做一个系统，大概的界面就是左边是功能链接列表，然后再右边显示。之前没弄过HTML，所以网上各处找有关DIV布局，左边链接，右边显示的问题，在网上看到下面的解决方法：
- HTML code
<html>
<head>
<title>DIV 跳转</title>
<style>
#container {margin:0 auto; width:100%;}
#sidebar { float:left; width:200px; height:500px; background:#9c6;}
* html #sidebar{margin-right:-3px;}
#content { height:500px; background:#ffa;}
</style>
</head>
<body>
<div id="container">
<div id="sidebar">
<ul>
<li> <a href="http://www.baidu.com" onclick="theforever(this);">百度</a></li>
<li><a href="http://www.hao123.com" onclick="theforever(this);">好123</a></li>
</ul>
</div>
<div id="content">为什么第二次点击链接的时候，显示空白啦？？</div>
</div>
<script type="text/javascript">
function theforever(a){
document.getElementById('content').innerHTML='<iframe src="'+a.href+'"
width=100% height=100%></iframe>';
a.href="#";}
</script>
</body>
</html>
现在是可以基本达到这样的界面效果，，但是为什么第二次点击左边的按钮的时候，，右边变成空白了啊，问题出在哪了？
------解决方案--------------------
a.href="#"
你点击后 改变了a 的href属性为 #
------解决方案--------------------
直接这样就ok
- HTML code
<!DOCTYPE HTML>
<html>
<head>
<meta charset="gb2312" />
<title></title>
</head>
<body>
<a href="http://baidu.com" target="test">百度</a>
<a href="http://hao123.com" target="test">hao123</a>
<iframe src="http://qq.com" name="test" frameborder="0"></iframe>
</body>
</html>
------解决方案--------------------
这样修改就ok啦，早上一直无法回复啊~~~
- C/C++ code
<html>
<head>
<title>DIV 跳转</title>
<style>
#container {margin:0 auto; width:100%;}
#sidebar { float:left; width:200px; height:500px; background:#9c6;}
* html #sidebar{margin-right:-3px;}
#content { height:500px; background:#ffa;}
</style>
</head>
<body>
<div id="container">
<div id="sidebar">
<ul>
<li> <a href="http://www.baidu.com" onclick="theforever(this);return false;">百度</a></li>
<li><a href="http://www.hao123.com" onclick="theforever(this);return false;">好123</a></li>
</ul>
</div>
<div id="content">为什么第二次点击链接的时候，显示空白啦？？</div>
</div>
<script type="text/javascript">
function theforever(a){
document.getElementById('content').innerHTML='<iframe src="'+a.href+'" width=100% height=100%></iframe>';
}
</script>
</body>
</html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
