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
分享到:
相关推荐
html教材,根据内容调整iframe的高度
在Flex应用中嵌入HTML代码或者网页,可以使用Iframe实现
layui官方的一个离线iframe版后台模板,html格式的源码资源,外观清爽简洁
ayui 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件...
js 特效 html 特效 IFRAME间链接变换
oidc检查会话iframe 一个简单的html页面,它基于实现检查会话流。 中继方添加了指向OP的check_session_iframe的隐藏iFrame。 中继方iframe使用postMessage轮询OP iframe,其格式为Client ID + " " + Session State ...
adminLte-iframe adminLte整合iframe多页面显示
jquery-Bootstrap-dhkcj-iframe,html5整合iframe和Bootstrap
flex把html页面作为类似iframe的样子的组件完全的嵌入到mxml中去。
LSPlayer iFrame SDK入门将Littlstar iframe嵌入网站时,您可以包括可选的Javascript SDK,用于与播放器进行交互并检查其状态。 使用者必须在全局范围内实现OnLSPlayerFrameReady函数,并确保页面上的每个iframe都...
angular-through-iframe 如何通过 iframe 使用 angular.js。 在查看。 例子:
让嵌入到HTML的iframe自动适应大小
就想弄一个winform结合html5的一个小东西,突有心血来潮,想在里面嵌套一个微信网页版,下面小编给大家介绍下HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法,一起看看吧
最近在做作业中需要在不用iframe的情况下嵌套页面,所以只好在div中嵌套,用的是jquery方法。 复制代码代码如下: [removed] $(document).ready(function() { $(“#button”).click(function() { $(“#content”)....
使用HTML5数据属性和/或JavaScript API轻松配置。 在我们的我们希望该库由社区驱动,并由CoCreate领导。 我们需要您的帮助才能实现这一目标。 为了确保我们以正确的顺序构建正确的事物,我们要求您创建并或者仅对...
使用html2canvas及jspdf 将带iframe的页面保存成pdf,解决有滚动时不能全部截取的问题及转换过程中背景黑色的问题
这个库允许的高度与同跨域iframe来适应他们所包含的内容的宽度自动调整大小。它最常见的问题与使用iframes提供一系列的功能,其中包括: 高度和宽度大小的iframe内容大小。 作品以多个嵌套的iframe。 跨域iframe域...
flex iframe 支持在flash中嵌套入html jsp asp php等flex iframe 支持在flash中嵌套入html jsp asp php等flex iframe 支持在flash中嵌套入html jsp asp php等flex iframe 支持在flash中嵌套入html jsp asp php等flex...
前端项目-jquery.iframe-transport,jQuery plugin that implements an iframe transport so that ajax calls support the uploading of files using standard HTML file input fields