开发者社区> 问答> 正文

点击超链切换iframe中的src所遇到的问题

点击超链切换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>

展开
收起
小旋风柴进 2016-03-23 09:45:48 2779 0
1 条回答
写回答
取消 提交回答
  • target改为_self

    2019-07-17 19:10:19
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载