iframe侧边栏渲染

最新推荐文章于 2024-04-29 10:17:29 发布

xvwen

最新推荐文章于 2024-04-29 10:17:29 发布

阅读量442

点赞数

分类专栏：前端开发文章标签：前端 html css

本文链接：https://blog.csdn.net/xwh3165037789/article/details/123319230

版权

前端开发专栏收录该内容

22 篇文章 0 订阅

订阅专栏

在这里插入图片描述
iframe除了可以用src显示外部网页也可以显示自定义网页。

定义iframe标签时name属性为标识，通过连接的target属性将页面在iframe中显示。

<iframe name="mainView" width="100%" height="700px" frameborder="0px"></iframe>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<table width="100%" height="700px" >
    <tr>
        <buttton></buttton>
        <td width="200px" style="border-right:blue 2px solid ">
            <li><a href="bookadd.html" target="mainView">添加图书</a></li>
            <li><a href="bookfile.html" target="mainView">添加图书图片</a></li>

        </td>
        <td>
            <iframe name="mainView" width="100%" height="700px" frameborder="0px"></iframe>
        </td>
    </tr>
</table>
</body>
</html>