内联

1.标记标签：<iframe>…</iframe>
2.src可以连接百度地图，通过地图的工具箱里分享地址

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>iframe</title>
    </head>
    <body>
        <iframe src="demo2.html" frameborder="0" width="500" height="300" name="cart"></iframe>
        <hr>
        <iframe src="https://j.map.baidu.com/68/9Yv" frameborder="0" width="500" height="300"></iframe>
    </body>
</html>

Demo后台管理页面

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <ul style="float:left;margin-right: 15px;">
            <li><a href="demo1.html" target="content">商品列表</a></li>
            <li><a href="demo2.html" target="content">添加用户</a></li>
            <li><a href="demo3.html" target="content">系统设置</a></li>
        </ul>
        <iframe srcdoc="<h2 style='color:green'>网站管理后台</h2>" frameborder="2" name="content" width="450" height="200"></iframe>
    </body>
</html>

上述demo里，注意第13行 srcdoc 属性的使用方法。

Statement of this Website

The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!

All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement

0 comments

Author's latest blog post

2020-0202笔记1

2020-02-02 15:00:07