使用iframe

要点:a标签+iframe

A标签的target属性 iframe 的id与name属性

示例:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <style>
            .container{
                width: 1260px;
                margin:100px auto;
                background: #ddd;
            }
            ul{float:left;width: 20%;}
            .content-wrapper{
                float: left;
                width: 80%;
            }
        </style>
    </head>
    <body>
        <div class="container">
            <ul>
        <li><a href="tab1.html" target="ifra">页面1</a></li>
                <li><a href="tab2.html" target="ifra">页面2</a></li>
            </ul>
            <div class="content-wrapper">
                <iframe id="ifra" name="ifra" width="100%" height="100%" src="tab1.html"></iframe>
            </div>
        </div>
    </body>
</html>

 不进行切换的

有object标签

示例:

<object data="tab2.html" type="text/x-scriptlet"></object>

 

版权声明：本文为AFengMi原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/AFengMi/p/13203499.html