iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >iframe的去边框和无边框有什么操作方式
  • 605
分享到

iframe的去边框和无边框有什么操作方式

2024-04-02 19:04:59 605人浏览 独家记忆
摘要

小编给大家分享一下iframe的去边框和无边框有什么操作方式,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!   <ifr

小编给大家分享一下iframe的去边框和无边框有什么操作方式,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

  <iframesrc=”youpage&rsquo;surl”width=”100&Prime;height=”30&Prime;frameborder=”no”border=”0&Prime;marginwidth=”0&Prime;marginheight=”0&Prime;scrolling=”no”allowtransparency=”yes”></iframe>

  <iframerunat="server"src="youpage'surl"width="750"height="30"frameborder="no"border="0"marginwidth="0"marginheight="0"scrolling="no"allowtransparency="yes"></iframe>

  runat="server"这个最好加上Iframe跳转asp.net可在当前iframe中跳转

  src链接到的地址URl

  frameborder是否显示边框(0无边框1有边框)

  scrolling是否有滚动条(yes有滚动条no无滚动条)

  allowtransparency背景是否透明(yes透明no不透明)

  iframe并不是很常用的,在标准的网页中非常少用。把iframe解释成“浏览器中的浏览器“是很恰当的。<iframe>也应该是框架的一种形式,它与<frame>不同的是,iframe可以嵌在网页中的任意部分。例如:

  <iframeframeborder=0width=170height=100marginheight=0marginwidth=0scrolling=nosrc="move-ad.htm"></iframe>

  SRC=URI嵌入式柜架的页面文件路径

  NAME=CDATA嵌入式柜架的名字

  LONGDESC=URI描述

  WIDTH=Length宽度

  HEIGHT=Length高度

  ALIGN=[top|middle|bottom|left|right]对齐方式

  FRAMEBORDER=[1|0]柜架边框

  MARGINWIDTH=Pixels左右空出宽度

  MARGINHEIGHT=Pixels上下空出的高度

  SCROLLING=[yes|no|auto]流动条(yes强制显示|no永不显示|auto自动)

  Iframe标记的使用格式是:

  <Iframesrc="URL"width="x"height="x"scrolling="[OPTioN]"frameborder="x"name="main"></iframe>

  src:文件的路径,既可是html文件,也可以是文本、ASP等;

  width、height:"内部框架"区域的宽与高;

  scrolling:当SRC的指定的HTML文件在指定的区域不显不完时,滚动选项,如果设置为NO,则不出现滚动条;如为Auto:则自动出现滚动条;如为Yes,则显示;

  FrameBorder:区域边框的宽度,为了让“内部框架“与邻近的内容相融合,常设置为0。

  name:框架的名字,用来进行识别。

  <iframe>用于设置文本或图形的浮动图文框或容器

  border

  <iframeborder="3"></iframe>

  设定围绕图文框的边缘宽度

  frameboder

  <iframeframeboder="0"></iframe>

  设置边框是不否为3维(0=否,1=是)

  height,width

  <iframeheight="31"width="88"></iframe>

  设质边框的宽度和高度

  scrolling

  <iframescrolling="no"></iframe>

  是否有滚动条(yes,no,auto)

  src

  <iframesrc="girl.gif"></iframe>

  指定iframe调用的文件或图片(html,htm,gif,jpeg,jpg,png,txt,*.*)

  注意事项:

  一个浮动框架不需要通过<frameset>元素声明为框架设置的一部分;

  WEBTV和Netscape4.x(4.0到4.75)不支持浮动框架。

  在HTML4.01严格规范中,<iframe>元素没有被定义。浮动框架可以使用<div>元素和CSS定位方法来模仿实现。

  浮动帧标记Iframe的属性:

  1、文件位置:

  语法:src=url

  说明:url为嵌入的HTML文件的位置,可以是相对地址,也可以是绝对地址。

  示例:<iframesrc="iframe.html">

  2、对象名称:

  语法:name=#

  说明:#为对象的名称。该属性给对象取名,以便其他对象利用。

  示例:<iframesrc="iframe.html"name="iframe1">

  3、ID选择符:

  语法:id=#

  说明:指定该标记的唯一ID选择符。

  示例:<iframesrc="iframe.html"id="iframe1">

  4、容器属性:

  语法:height=#width=#

  说明:该属性指定浮动帧的高度和宽度。取值为正整数(单位为像素)或百分数。

  height:指定浮动帧的高度;

  width:指定浮动帧的宽度。

  示例:<iframesrc="iframe.html"height=400width=400>

  5、尺寸调整:

  语法:noresize

  说明:IE专有属性,指定浮动帧不可调整尺寸。

  示例:<iframesrc="iframe.html"noresize>

  6、边框显示:

  语法:frameborder=0、1

  说明:该属性规定是否显示浮动帧边框。

  0:不显示浮动帧边框;

  1:显示浮动帧边框。

  示例:<iframesrc="iframe.html"frameborder=0>

  <iframesrc="iframe.html"frameborder=1>

  7、边框厚度:

  语法:border=#

  说明:该属性指定浮动帧边框的厚度,取值为正整数和0,单位为像素。为了将浮动帧与页面无缝结合,border一般等于0。

  示例:<iframesrc="iframe.html"border=1>

  8、边框颜色:

  语法:bordercolor=color

  说明:该属性指定浮动帧边框的颜色。color可以是RGB色(RRGGBB),也可以是颜色名。

  示例:<iframesrc="iframe.html"bordercolor=red>

  9、对齐方式:

  语法:align=left、right、center

  说明:该属性指定浮动帧与其他对象的对齐方式。

  left:居左;

  right:居右;

  center:居中。

  示例:<iframesrc="iframe.html"align=left>

  <iframesrc="iframe.html"align=right>

  <iframesrc="iframe.html"align=center>

  10、相邻间距:

  语法:framespacing=#

  说明:该属性指定相邻浮动帧之间的间距。取值为正整数和0,单位为像素。

  示例:<iframesrc="iframe.html"framespacing=10>

  11、内补白属性:

  语法:hspace=#vspace=#

  说明:该属性指定浮动帧内的边界大小。取值为正整数和0,单位为像素。两个属性应同时应用。

  hspace:浮动帧内的左右边界大小;

  vspace:浮动帧内的上下边界大小。

  示例:<iframesrc="iframe.html"hspace=1vspace=1>

  12、外补白属性:

  语法:marginheight=#marginwidth=#

  说明:该属性指定浮动帧的边界大小。取值为正整数和0,单位为像素。两个属性应同时应用。

  marginheight:浮动帧的左右边界大小;

  marginwidth:浮动帧的上下边界大小。

  示例:<iframesrc="iframe.html"marginheight=1marginwidth=1>

以上是“iframe的去边框和无边框有什么操作方式”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网JavaScript频道!

--结束END--

本文标题: iframe的去边框和无边框有什么操作方式

本文链接: https://www.lsjlt.com/news/91972.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • iframe的去边框和无边框有什么操作方式
    小编给大家分享一下iframe的去边框和无边框有什么操作方式,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!   <ifr...
    99+
    2024-04-02
  • iframe中如何实现去边框和无边框
    这篇文章将为大家详细讲解有关iframe中如何实现去边框和无边框,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。<iframe src=”you ...
    99+
    2024-04-02
  • 使用css操作Table没有外边框只有内边框的编写方法
    本篇内容介绍了“使用css操作Table没有外边框只有内边框的编写方法”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够...
    99+
    2024-04-02
  • HTML中有边框的标签是什么
    这篇文章主要介绍了HTML中有边框的标签是什么的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇HTML中有边框的标签是什么文章都会有所收获,下面我们一起来看看吧。 ...
    99+
    2024-04-02
  • pyqt5 使用setStyleSheet设置单元格的边框样式操作
    最近做一个项目是使用python开发电子称的GUI图形交互界面,其中一个页面需要通过串口实时读取电子称的重量,并将每一件商品的信息展示在页面的表格中。 steStyleSheet的语...
    99+
    2024-04-02
  • Android开发实现去除bitmap无用白色边框的方法示例
    本文实例讲述了Android开发实现去除bitmap无用白色边框的方法。分享给大家供大家参考,具体如下:图示如下图所示,之前介绍过Android Bitmap的用法,这里提供的工具类作用是,去除内容区域以外的白色边框。代码import an...
    99+
    2023-05-30
    android bitmap roi
  • HTML怎么将带有边框和边界的图像浮动于段落的右侧
    本篇内容介绍了“HTML怎么将带有边框和边界的图像浮动于段落的右侧”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有...
    99+
    2024-04-02
  • 怎么用CSS制作一个带有渐变边框的圆
    这篇文章主要介绍“怎么用CSS制作一个带有渐变边框的圆”,在日常操作中,相信很多人在怎么用CSS制作一个带有渐变边框的圆问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”怎么用C...
    99+
    2024-04-02
  • css修改表格边框颜色的方法是什么
    本篇内容介绍了“css修改表格边框颜色的方法是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! ...
    99+
    2024-04-02
  • VUE项目去除input框值所有空格的操作方法
    去除空格的方法 str.trim(); //去掉首尾空格 str.replace(" ",""); //去除所有空格,包括首尾、中间 str.replaceAll(" ",...
    99+
    2022-11-13
    vue去除空格 vue input去除空格
  • VB.NET文本框的操作方法是什么
    VB.NET文本框的操作方法是什么,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。VB.NET文本框的操作方式多样化,应用起来也比较简单,开发人员可以根据不同的需...
    99+
    2023-06-17
  • 「Spring」框架和「Linux」操作系统有什么共同点?
    作为现代软件开发的两个重要领域,「Spring」框架和「Linux」操作系统在很多方面都有相似之处。这篇文章将探讨这两者之间的共同点,并解释为什么这些共同点对于软件开发人员来说是如此重要。 开源性质 首先,「Spring」框架和「Li...
    99+
    2023-08-08
    javascript spring linux
  • Java中接口和数组的运用:Spring框架的实现方式是什么?
    在Java编程中,接口和数组是两种非常重要的概念。其中,接口是一种定义了方法和常量的抽象类型,而数组则是一种可以存储多个相同数据类型的容器。在实际的编程中,这两个概念经常被用来设计和实现各种复杂的程序。在本文中,我们将重点讨论Spring...
    99+
    2023-08-09
    接口 spring 数组
  • Go语言中的文件操作和分布式计算有什么联系?
    Go语言是一种非常流行的编程语言,它在文件操作和分布式计算方面有着非常出色的表现。在本文中,我们将会深入探讨Go语言在文件操作和分布式计算方面的联系。 一、文件操作 在Go语言中,文件操作是非常简单而且高效的。通过使用内置的包,我们可以轻松...
    99+
    2023-08-02
    编程算法 文件 分布式
  • PHP中的数组有哪些常用操作方式?与NumPy的相同点和差异是什么?
    PHP中的数组是一种非常常见的数据类型,可以存储多个值,并且可以通过索引访问和操作数组中的元素。在本文中,我们将介绍PHP中的数组常用操作方式,并将其与NumPy进行比较,以便更好地理解它们之间的相同点和差异。 一、PHP中的数组常用操作方...
    99+
    2023-08-26
    数组 numpy spring
  • Go语言中的同步和数组操作有什么值得注意的地方?
    Go语言是一门开发高并发程序的编程语言,因此在编写Go程序时,我们需要关注同步和数组操作的细节。本文将探讨Go语言中同步和数组操作的一些值得注意的地方,同时为了更好的理解,本文会穿插一些演示代码。 一、同步操作 在Go语言中,同步是非常重要...
    99+
    2023-10-11
    数据类型 同步 数组
  • PHP数组操作之计算数组所有元素和的方法是什么
    这篇文章主要讲解了“PHP数组操作之计算数组所有元素和的方法是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“PHP数组操作之计算数组所有元素和的方法是什么”吧!通过for循环在我们之前的...
    99+
    2023-06-25
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作