点击超链切换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>
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。