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

1个回答

设置target指向iframe没有问题,可能是你的js处理过html,自己看最终连接是否包含taget属性值为iframe的name值

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问