[JavaScript知识库] iframe侧边栏渲染

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> iframe侧边栏渲染 -> 正文阅读

[JavaScript知识库]iframe侧边栏渲染

在这里插入图片描述
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>