>>分享Web前端开发技术,并对孙卫琴的《精通Vue.js:Web前端开发技术详解》提供技术支持 书籍支持  卫琴直播  品书摘要  在线测试  资源下载  联系我们
发表一个新主题 开启一个新投票 回复文章 您是本文章第 26184 个阅读者 刷新本主题
 * 贴子主题:  HTML 框架 iframe元素的用法 回复文章 点赞(0)  收藏  
作者:sunshine    发表时间:2019-08-15 13:37:11     消息  查看  搜索  好友  邮件  复制  引用

  

HTML  框架

     通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。

    <iframe src="/html/" height="300px" width="99%"></iframe>

      iframe语法:

      <iframe src="URL"></iframe>

    该URL指向不同的网页。            

Iframe - 设置高度与宽度

     height 和 width 属性用来定义iframe标签的高度与宽度。

     属性默认以像素为单位, 但是你可以指定其按比例显示 (如:"80%")。            

范例

           < iframe   src = " demo_iframe.htm "   width = " 200 "   height = " 200 " > </ iframe >

Iframe - 移除边框

     frameborder 属性用于定义iframe表示是否显示边框。

    设置属性值为 "0" 移除iframe的边框:            

范例

    < iframe   src = " demo_iframe.htm "   frameborder = " 0 " > </ iframe >

使用iframe来显示目标链接页面

     iframe可以显示一个目标链接的页面

     目标链接的属性必须使用iframe的属性,如下范例:            

范例

< iframe   src = " demo_iframe.htm "   name = " iframe_a " > </ iframe >
< p > < a   href = " http://www.javathinker.net "   target = " iframe_a " > JAVATHINKER.NET</ a > </ p >

HTML iframe 标签

        
标签 说明
<iframe> 定义一个内联的iframe




程序猿的技术大观园:www.javathinker.net



[这个贴子最后由 flybird 在 2020-02-21 09:56:47 重新编辑]
  Java面向对象编程-->Java常用类(上)
  JavaWeb开发-->使用过滤器
  JSP与Hibernate开发-->JPA API的高级用法
  Java网络编程-->基于UDP的数据报和套接字
  精通Spring-->通过Axios访问服务器
  Vue3开发-->绑定CSS样式
  键盘按键与 键码对照表
  最新的Vue面试题大全含源码级回答,吊打面试官系列
  勇闯28个关卡学会HTML与HTML5基础
  Vue3.0里为什么要用 Proxy API 替代 defineProperty API ? ...
  axios.all()解决并发请求
  Axios拦截器的用法
  JavaScript ES2015模块化操作
  Node.js操纵Mongodb数据据
  js Worker 线程收集1~9999的之间所有质数;Worker线程交换数...
  基于vue和springmvc前后端分离,json类接口调用介绍
  JavaScript中数组的常用方法(含ES6)
  jQuery 遍历DOM 树中的同胞元素
  HTML DOM Image图片对象
  JavaScript 的代码规范
  JavaScript的 while 循环语句
  更多...
 IPIP: 已设置保密
楼主      
1页 0条记录 当前第1
发表一个新主题 开启一个新投票 回复文章


中文版权所有: JavaThinker技术网站 Copyright 2016-2026 沪ICP备16029593号-2
荟萃Java程序员智慧的结晶,分享交流Java前沿技术。  联系我们
如有技术文章涉及侵权,请与本站管理员联系。