博客列表 >20200207学习笔记2(内联iframe)

20200207学习笔记2(内联iframe)

V
V原创
2020年02月07日 13:59:08470浏览

内联

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

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>iframe</title>
  6. </head>
  7. <body>
  8. <iframe src="demo2.html" frameborder="0" width="500" height="300" name="cart"></iframe>
  9. <hr>
  10. <iframe src="https://j.map.baidu.com/68/9Yv" frameborder="0" width="500" height="300"></iframe>
  11. </body>
  12. </html>

Demo后台管理页面

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

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

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议