html - 点击链接不同链接，如何实现iframe的值相应的改变

问题描述

问 题

<div class="box clearfix">

        <div class="left sidebar">
            <div class="sideMenu" style="margin:0 auto">
                <h3 class="on"><em></em>项目申报</h3>
                <ul style="display: block;">
                    <li><i class="icons icon-itemList"></i><a href="Demo/chart-2.html" target="content">项目申报</a></li>
                    <li><i class="icons icon-itemExaming"></i><a href="Demo/chart-3.html" target="content">审核中的项目</a></li>
                    <li><i class="icons icon-itemPass"></i><a href="Demo/chart-4.html" target="content">通过的项目</a></li>
                    <li><i class="icons icon-itemReject"></i><a href="Demo/chart-5.html" target="content">驳回的项目</a></li>
                </ul>
                <h3 class="on"><em></em>项目筹备进度</h3>
                <ul style="display: block;">
                    <li><i class="icons icon-itemReport"></i><a href="Demo/chart-6.html" target="content">项目进度上报</a></li>
                    <li><i class="icons icon-itemProgress"></i><a href="Demo/chart-7.html" target="content">项目进度表</a></li>
                </ul>
            </div>
        </div>
        <div class="content" name="content"><iframe src="Demo/chart-2.html" style="width: 100%; min-height: 1200px;border:0" scrolling="no"></iframe></div>
    </div>

怎么实现点击sidebar里面的链接时，
也相应的改变

解决方案

为iframe标签设置name属性，比如name='iframe',然后修改a标签中的target，指向iframe，你的只是指向div，所以不会改变

这篇关于html - 点击链接不同链接，如何实现iframe的值相应的改变的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！