ifram的使用左边是<a>链接右边是对应网页嵌套的显示网页链接内容和toggle的收放用法

攻城狮诺一技术 2022年11月10日

0 收藏 643 点赞 2,493 浏览 1208 个字

1.ifram的使用左边是<a>链接右边是对应网页嵌套的显示网页链接内容

<div class="container">
    <div class="row">
        <div class="col-lg-2">
            <div class="list-group">
                <a href="/paike/major/list" rel="external nofollow"  target="mainFrame" class="list-group-item">专业维护1</a>
                <a href="/paike/course/list" rel="external nofollow"  target="mainFrame" class="list-group-item" >课程维护2</a>
                <a href="/paike/manager/list" rel="external nofollow"  target="mainFrame" class="list-group-item">教务管理3</a>
                <a href="/paike/teacher/list" rel="external nofollow"  target="mainFrame" class="list-group-item">老师维护4</a>
                <a href="/paike/classes/list" rel="external nofollow"  target="mainFrame" class="list-group-item">班级维护5</a>
                <a href="/paike/student/list" rel="external nofollow"  target="mainFrame" class="list-group-item">学生维护6</a>
                <a href="www.W3School.com.cn" rel="external nofollow"  target="mainFrame" class="list-group-item">排课(最后,核心业务)</a>
            </div>
        </div>
        <div class="col-lg-10" style="height:100%;">
            <iframe src="welcome.jsp" id="mainFrame" name="mainFrame" style="border:0px;width:100%;height:100%;"></iframe>
        </div>
    </div>
</div>

　　这里的

name="mainFrame" 要与

target="mainFrame"的名称一致2.toggle的收放用法

<script>
    $(function () {$(".shouqi").click(function () {
//    alert(1)
    $("table").toggle();});    })</script></head>
<body>
<button class="shouqi"> 点我收起</button><table border="1">
<tr>
    <td>在吗</td>
    <td>在吗</td>
    <td>在吗</td></tr>    <tr>
        <td>在吗</td>
        <td>在吗</td>
        <td>在吗</td>    </tr>    <tr>
        <td>在吗</td>
        <td>在吗</td>
        <td>在吗</td>    </tr>
</table>