点击超链切换iframe中的src,超链中的target为iframe的name,点击的时候iframe中的内容是在当前页面打开了超链中的地址,而没有切换iframe的内容。
代码如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="../../js/bootstrap/css/bootstrap.min.css" />
<script src="../../js/home/jquery-1.8.3.min.js"></script>
<title>WATER(沃泰)云数据采集服务平台-主页</title>
<link href="../../css/home/responsive-menu.css" rel="stylesheet">
<link href="../../css/home/styles.css" rel="stylesheet">
<script src="../../js/home/modernizr.min.js" type="text/javascript"></script>
<script src="../../js/home/modernizr-custom.js" type="text/javascript"></script>
<script src="../../js/home/responsive-menu.js" type="text/javascript"></script>
<script>
jQuery(function($) {
var menu = $('.rm-nav').rMenu({
minWidth : '960px',
});
});
</script>
</head>
<body>
<header>
<div class="wrapper">
<div class="brand">
<p>
<a class="logo">WATER(沃泰)云数据采集服务平台</a>
</p>
</div>
<div class="rm-container">
<nav class="rm-nav rm-nojs rm-lighten">
<ul>
<li><a href="#" onclick="">数据采集服务</a>
<ul>
<li><a
href="../DataServices/RealtimeData/realtimedata.html"
target="Exhibition">实时数据</a></li>
<li><a href="../DataServices/HistoryData/historydata.html"
target="Exhibition">历史数据</a></li>
</ul></li>
<li><a href="#">系统日志服务</a>
<ul>
<li><a href="#">通讯日志</a></li>
<li><a href="#">系统日志</a></li>
</ul></li>
<li><a href="#">系统配置服务</a>
<ul>
<li><a href="#">系统状态</a></li>
<li><a href="#">系统配置</a></li>
</ul></li>
</ul>
</nav>
</div>
</div>
</header>
<script>
$(function() {
$('pre').addClass('prettyprint');
})
</script>
<iframe id="Exhibition" name="Exhibition"
src="../DataServices/RealtimeData/realtimedata.html" marginheight="0"
marginwidth="0" frameborder="0" scrolling="no" width=100% height=80%></iframe>
</body>
</html>