`
oliverjonas
  • 浏览: 6290 次
  • 性别: Icon_minigender_1
  • 来自: 济南
最近访客 更多访客>>
社区版块
存档分类
最新评论

html-iframe

 
阅读更多
HTML iframe 标签
HTML iframe 标签
2008-07-29 19:27
iframe 标签 -- 代表HTML内联框架
iframe标签是成对出现的,以<iframe>开始,</iframe>结束 属性
name -- 定义了内容页名称,此名称在框架页内链接时使用到 src -- 定义了内容页URL frameborder -- 定义了内容页的边框,取值为(1|0),缺省值为1
1 -- 在每个页面之间都显示边框 0 -- 不显示边框 marginwidth -- 定义了框架中HTML文件显示的上下边界的宽度,取值为px,缺省值由浏览器决定 marginheight -- 定义了框架中HTML文件显示的左右边界的矿度,取值为px,缺省值由浏览器决定 scrolling -- 定义是否有滚动条,取值为(yes|no|auto),缺省值为auto
yes -- 显示滚动条 no -- 不显示滚动条 auto -- 当需要时再显示滚动条 align -- 垂直或水平对齐方式 height -- 框架的高度 width -- 框架的宽度 示例如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>iframe的用法</title>
</head>
<body>
    <form id="form1" runat="server">
        <a href="DoOne.aspx" target="iframe1">首页</a>
        <a href="DoTwo.aspx" target="iframe1">开始定制</a>
        <a href="DoThree.aspx" target="iframe1">联系我们</a>
        <br />
        <br />
        <iframe name="iframe1" id="iframe1" frameborder="0"></iframe>
    </form>
</body>
</html>

注意:iframe要使用name这个属性,a里的target里的iframe1指的是name的iframe1,而不是id的iframe1。










iframe 标签 -- 代表HTML内联框架
iframe标签是成对出现的,以<iframe>开始,</iframe>结束 iframe标签内的内容可以做为浏览器不支持iframe标签时显示 属性
Common -- 一般属性 name -- 定义了内容页名称,此名称在框架页内链接时使用到 src -- 定义了内容页URL(同frame标签) frameborder -- 定义了内容页的边框,取值为(1|0),缺省值为1
1 -- 在每个页面之间都显示边框 0 -- 不显示边框 height -- 框架的高度,取值像素或百分比 width -- 框架的宽度,取值像素或百分比 marginwidth -- 定义了框架中HTML文件显示的左右边界的宽度,取值为px,缺省值由浏览器决定 marginheight -- 定义了框架中HTML文件显示的上下边界的宽度,取值为px,缺省值由浏览器决定 scrolling -- 定义是否有滚动条,取值为(yes|no|auto),缺省值为auto
yes -- 显示滚动条 no -- 不显示滚动条 auto -- 当需要时再显示滚动条 align -- 垂直或水平对齐方式 longdesc -- 定义框架页的说明 引用网址:http://www.dreamdu.com/xhtml/tag_iframe/ 示例
<iframe src="http://www.dreamdu.com/xhtml/" width="200" height="500">
梦之都使用了框架技术,但是您的浏览器不支持框架,请升级您的浏览器以便正常访问梦之都。
</iframe>

使用像素定义iframe框架大小

<iframe src="http://www.dreamdu.com/css/" width="20%" height="50%">
梦之都使用了框架技术,但是您的浏览器不支持框架,请升级您的浏览器以便正常访问梦之都。
</iframe>

使用百分比定义iframe框架大小

HTML iframe 标签示例 -- 可以尝试编辑
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
        <title>HTML iframe 标签示例</title>
       
    </head>
        <p>梦之都 <a href="http://www.dreamdu.com/xhtml/">HTML教程</a>,<strong><a href="http://www.dreamdu.com/xhtml/tag_iframe/">HTML iframe 标签</a></strong>示例.</p>
        <iframe src="http://www.dreamdu.com/" width="200" height="500" scrolling="no"></iframe>



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
        <title>HTML iframe 标签百分比示例</title>
       
    </head>
        <p>梦之都 <a href="http://www.dreamdu.com/xhtml/">HTML教程</a>,<strong>HTML <a href="http://www.dreamdu.com/xhtml/tag_iframe/">iframe</a> 标签</strong>示例.下面iframe框架使用了百分比定义</p>
        <iframe src="http://www.dreamdu.com/" width="20%" height="50%" scrolling="no">梦之都使用了框架技术,但是您的浏览器不支持框架,请升级您的浏览器以便正常访问梦之都。</iframe>
</html>



原文章:http://www.blogjava.net/jerry-zhaoj/archive/2009/05/05/268906.html
分享到:
评论

相关推荐

    flex-iframe-1.4.6

    "flex-iframe-1.4.6"是一个开源项目,主要功能是为Adobe Flex应用程序提供在Flex组件中嵌入HTML iframe的能力。这个项目是Google Code上的一个存储库,Google Code曾是一个托管开源软件项目的平台,它允许开发者上传...

    flex-iframe-1.4.1.zip

    在使用"flex-iframe-1.4.1.zip"时,开发者首先需要解压文件,获取到flex-iframe-1.4.1目录下的JavaScript库和其他相关资源。然后,在项目中引入库文件,并根据需要配置选项,创建和管理iframe实例。例如,可以使用...

    javascript经典特效---IFRAME间链接变换.rar

    1. **IFRAME的基本使用**:首先,你需要在HTML文档中创建IFRAME元素,设置`src`属性指向要加载的页面,并可以调整其宽度和高度。例如: ```html &lt;iframe id="frame1" src="page1....

    HTML经典教材-iframe详细介绍

    在HTML中,`iframe`(Inline Frame)元素是一个非常重要的组成部分,它允许我们在一个HTML文档中嵌入另一个HTML文档,从而实现页面的内联显示。这在构建复杂的网页布局、加载外部资源或者在多个网页间共享组件时非常...

    layui后台管理模板-iframe版.rar

    layui后台管理模板-iframe版.rar 是一个基于layui框架的后台管理系统模板,专为开发者提供离线使用的iframe版本。layui是一款轻量级的前端组件库,以其简洁、高效的特性深受开发者喜爱。这个模板采用HTML5技术,确保...

    comet-iframe.rar

    在Web开发中,IFrame(Inline Frame)是HTML的一个元素,允许在一个HTML文档中嵌入另一个HTML文档。IFrame常用于加载外部内容,如广告、地图、社交媒体插件等,也可以用于实现页面的部分刷新,提高用户体验。将Comet...

    layuiadmin-iframe3.zip

    iframe,全称"inline frame",是一种在HTML中嵌入另一个网页的技术,常用于实现网页的局部刷新或者在同一个页面显示多个独立的网页。在layui中,iframe通常被用作后台管理系统的一部分,允许用户在一个窗口内同时...

    flex-iframe-1.5.1.swc

    在Flex应用中嵌入HTML代码或者网页,可以使用Iframe实现

    easy-web-iframe-master.zip

    在"easy-web-iframe-master"这个压缩包中,你将找到整个框架的源代码结构,包括HTML、CSS、JavaScript文件以及可能的图片和其他资源。通过解压并分析这些文件,你可以了解到框架的具体实现方式,学习如何在自己的...

    flex-iframe

    这通常意味着将flex-iframe-1.4.6库文件解压并导入到Flex构建路径。然后,可以在MXML文件中声明并实例化`IFrame`组件,设置`source`属性为要加载的HTML页面URL。 ```mxml &lt;mx:IFrame id="myIframe" source=...

    layui-iframe.rar

    "layui-iframe.rar"这个压缩包很可能是layui的一个应用场景,涉及到在页面中使用layui框架创建iframe组件的示例或模板。 layui的设计理念是“轻量、易用、模块化”,这使得它在开发过程中具有很高的灵活性。它提供...

    js-iframe-传值调用实例代码

    这个实例代码“js-iframe-传值调用”旨在演示如何通过JavaScript在父窗口和iframe之间传递数据,实现页面间的交互。我们将详细探讨这个过程中的关键知识点。 首先,我们要理解iframe的基本结构。一个iframe标签通常...

    kiosk-iframe-源码.rar

    "kiosk-iframe-源码.rar"文件很可能包含了这样一个Kiosk模式下Iframe应用的完整源代码,我们可以通过分析这些源码来深入理解其工作原理和设计思路。 Iframe是HTML的一个重要元素,它允许在单一网页中嵌入另一个网页...

    javascript经典特效---Iframe页面的滚动.rar

    - 在HTML中创建Iframe元素,使用`&lt;iframe&gt;`标签,设置`src`属性指向要加载的页面URL,例如:`&lt;iframe src="http://example.com"&gt;&lt;/iframe&gt;`。 - 可以通过`width`和`height`属性设置Iframe的尺寸,`frameborder`...

    layui-iframe3.1.5.zip

    在layui-iframe3.1.5.zip的压缩包中,"iframe"文件夹很可能是包含了与iframe相关的所有文件,包括CSS样式文件、JavaScript脚本、图片资源以及示例HTML文件。开发者可以通过这些文件来学习和使用layui的iframe功能。 ...

    layuiadmin-iframe.zip

    6. **iframe**:layuiadmin-iframe 版本利用 iframe 技术,将每个功能页面嵌入到一个单独的 iframe 中,实现页面间的独立加载,避免了页面跳转带来的用户体验中断,同时方便了前后端分离的开发模式。 7. **权限控制...

    前端项目-set-iframe-height.zip

    本项目"前端项目-set-iframe-height"专注于解决这个问题,通过跨域响应方式实现`iframe`的高度自适应,确保内容完全显示,避免滚动条的出现。 `iframe`是HTML中的一个非常有用的元素,它允许我们在一个页面中嵌入另...

    Extjs6-iframe-优化.rar

    这个名为"Extjs6-iframe-优化.rar"的压缩包文件似乎包含了一个针对ExtJS6的特定插件——IFrame.js的优化方案。IFrame,全称Inline Frame,是HTML中的一个元素,用于在一个网页中嵌入另一个网页,实现页面的复合展示...

    自定义客户端登录CAS服务器-iframe实现

    4. iframe技术:使用HTML的iframe元素,将CAS的登录页面嵌入到你的应用中,使得用户可以在不离开当前页面的情况下完成登录。同时,需要处理iframe内的通信,如事件监听、错误处理等。 5. 票证验证:在用户成功登录...

Global site tag (gtag.js) - Google Analytics