×

iframe属性值有哪些 属性 iframe 属性

iframe属性值有哪些（iframe 属性）

admin admin 发表于2022-09-06 23:26:04 浏览194 评论0

抢沙发发表评论

本文目录

iframe 属性


iframe元素的功能是在一个html内嵌一个文档，创建一个浮动的帧。iframe可以嵌在网页中的任意部分
name：内嵌帧名称
width：内嵌帧宽度(可用像素值或百分比)
height：内嵌帧高度(可用像素值或百分比)
frameborder：内嵌帧边框
marginwidth：帧内文本的左右页边距
marginheight：帧内文本的上下页边距
scrolling：是否出现滚动条(“auto”为自动，“yes”为显示，“no”为不显示)
src：内嵌入文件的地址
style：内嵌文档的样式(如设置文档背景等)
allowtransparency：是否允许透明
iframe还有一个很有用的用法：强调页面的某项内容
先把要强调显示的内容另存为一个文件，如first.htm，然后通过一个预载页index.htm，内容如下：
〈meta

在HTML中IFrame对象有什么方法和属性,可以改变其中显示的内容,也就是改变地址


《iframe》 的参数设定如下：
例子： 《iframe src=“iframe.html“ name=“test“ align=“MIDDLE“ width=“300“ height=“100“ marginwidth=“1“ marginheight=“1“ frameborder=“1“ scrolling=“Yes“》
src=“iframe.html“
欲显示於此框窗的文件来源除档案名称，必要加上相对或绝对路径。
name=“test“
此框窗名称，这是连结标记的 target 参数所 要的，
align=“MIDDLE“
可选值为 left, right, top, middle, bottom，作用不大
width=“300“ height=“100“
框窗的宽及长，以 pixels 为单位。
marginwidth=“1“ marginheight=“1“
该插入的文件与框边所保留的空间。
frameborder=“1“
使用 1 表示显示边框， 0 则不显示。（可以是 yes 或 no）
scrolling=“Yes“
使用 Yes 表示容许卷动（内定）， No 则不容许卷动。

iframe的visibility属性有哪些


属性 值 描述 DTD
align left
right
top
middle
bottom
不赞成使用。请使用样式代替。
规定如何根据周围的元素来对齐此框架。
TF
frameborder 1
0
规定是否显示框架周围的边框。 TF
height pixels
%
规定 iframe 的高度。 TF
longdesc URL 规定一个页面，该页面包含了有关 iframe 的较长描述。 TF
marginheight pixels 定义 iframe 的顶部和底部的边距。 TF
marginwidth pixels 定义 iframe 的左侧和右侧的边距。 TF
name frame_name 规定 iframe 的名称。 TF
scrolling yes
no
auto
规定是否在 iframe 中显示滚动条。 TF
src URL 规定在 iframe 中显示的文档的 URL。 TF
width pixels
%
定义 iframe 的宽度。 TF
-iframe 属性

iframe取值的问题


Iframe标记，又叫浮动帧标记，你可以用它将一个HTML文件嵌入在另一个HTML中显示。它不同于Frame标记最大的特征即这个标 记所引用的HTML文件不是与另外的HTML文件相互独立显示，而是可以直接嵌入在一个HTML文件中，与这个HTML文件内容相互融合，成为一个整体， 另外，还可以多次在一个页面内显示同一内容，而不必重复写内容，甚至可以在同一HTML文件嵌入多个HTML文件。在脚本语言与对象层次中，包含Iframe的窗口我们称之为父窗体，而浮动帧则称为子窗体，弄清这两者的关系很重要，因为要在父窗体中访问子窗体或子窗体中访问父窗体都必须清楚对象层次，才能通过程序来访问并控制窗体。下面是浮动帧标记Iframe的各项属性：一、基本语法：《iframe》……《/iframe》浮动帧标记Iframe必须成对出现，即有开始标记《iframe》，就必须有结束标记《/iframe》。二、浮动帧标记Iframe的属性：　1、文件位置：　　语法：src=url说明：url为嵌入的HTML文件的位置，可以是相对地址，也可以是绝对地址。示例：《iframe src=“iframe.html“》　2、对象名称：语法：name=#说明：#为对象的名称。该属性给对象取名，以便其他对象利用。示例：《iframe src=“iframe.html“ name=“iframe1“》　3、ID选择符：语法：id=#说明：指定该标记的唯一ID选择符。示例：《iframe src=“iframe.html“ id=“iframe1“》　4、容器属性：语法：height=# width=#说明：该属性指定浮动帧的高度和宽度。取值为正整数（单位为像素）或百分数。height：指定浮动帧的高度；width：指定浮动帧的宽度。示例：《iframe src=“iframe.html“ height=400 width=400》　5、尺寸调整：语法：noresize说明：IE专有属性，指定浮动帧不可调整尺寸。示例：《iframe src=“iframe.html“ noresize》　6、边框显示：语法：frameborder=0、1说明：该属性规定是否显示浮动帧边框。0：不显示浮动帧边框；1：显示浮动帧边框。示例：《iframe src=“iframe.html“ frameborder=0》《iframe src=“iframe.html“ frameborder=1》　7、边框厚度：语法：border=#说明：该属性指定浮动帧边框的厚度，取值为正整数和0，单位为像素。为了将浮动帧与页面无缝结合，border一般等于0。示例：《iframe src=“iframe.html“ border=1》　8、边框颜色：语法：bordercolor=color说明：该属性指定浮动帧边框的颜色。color可以是RGB色（RRGGBB），也可以是颜色名。示例：《iframe src=“iframe.html“ bordercolor=red》　9、对齐方式：语法：align=left、right、center说明：该属性指定浮动帧与其他对象的对齐方式。left：居左；right：居右；center：居中。示例：《iframe src=“iframe.html“ align=left》《iframe src=“iframe.html“ align=right》《iframe src=“iframe.html“ align=center》　10、相邻间距：语法：framespacing=#说明：该属性指定相邻浮动帧之间的间距。取值为正整数和0，单位为像素。示例：《iframe src=“iframe.html“ framespacing=10》　11、内补白属性：语法：hspace=# vspace=#说明：该属性指定浮动帧内的边界大小。取值为正整数和0，单位为像素。两个属性应同时应用。hspace：浮动帧内的左右边界大小；vspace：浮动帧内的上下边界大小。示例：《iframe
如果帮助到您，请记得采纳为满意答案哈，谢谢！祝您生活愉快！ vae.la
-属性

JavaScript如何修改页面中iframe的属性值


页面一刷新，所有JS对页面做的修改都会恢复的，如果楼主想让浏览器记住JS设定的width之类的数据（即使刷新页面，也依然能够记住刷新前的JS设置），目前来讲：
1、HTML5有客户端数据储存的方法，但是支持的浏览器不多，jQuery库的Data对象实现了部分的HTML5客户端储存的功能，而且多浏览器支持；
2、简单点的办法就是使用URL参数，即在使用JS对页面进行修改（比如重新设定页面中某个iframe的width）时，同时把设定的值添加到页面的URL中，这样当页面刷新时，设置的值并没有丢失，只要通过适当的方法，把这些值再读出来，并重新设置，就可以模拟保持设置。举个简单例子：
《html》
《head》
《script》
//储存当前页面的JS对iframe做出的设置
var settings = {};
function autoSet(){
//处理URL，如果带有初始设置，则读取
var sval = location.href;
if(sval.indexOf(’?’)){
var vals = sval.split(’?’);
if(vals.indexOf(’&’)){
vals = vals.split(’&’);
for(var i=0;i《vals.length;i++){
settings[vals[i].split(’=’)] = vals[i].split(’=’);
autoSetVal(vals[i].split(’=’),vals[i].split(’=’));
}
}else{
settings[vals.split(’=’)] = vals.split(’=’);
autoSetVal(vals.split(’=’),vals.split(’=’));
}
}
}
function autoSetVal(tag,val){
var ifm = document.getElementById(’ifm1’);
ifm[tag] = val;
}
function setVal(tag,val){
settings[tag] = val;
fixURL();
}
function getSURL(){
var sval = location.href;
if(sval.indexOf(’?’)){
return sval.split(’?’);
}else{
return sval;
}
}
function fixURL(){
var url = getSURL();
if(settings != {}){
url += ’?’;
var vals = ;
for(var i in settings){
vals.push(i+’=’+settings[i]);
}
url += vals.join(’&’);
}
location.href = url;
}
window.onload = function(){
autoSet();
}
《/script》
《/head》
《body》
《iframe id=“ifm1“ src=“http://www.baidu.com“ name=“x“ width=“750px“ height=“500px“》《/iframe》《br /》
《input type=“text“ value=“750“ id=“sw“》《input type=“button“ value=“设置宽度“ onclick=“setVal(’width’,document.getElementById(’sw’).value)“》《br /》
《input type=“text“ value=“500“ id=“sh“》《input type=“button“ value=“设置高度“ onclick=“setVal(’height’,document.getElementById(’sh’).value)“》《br /》
《/body》
《/html》
-iframe 属性

iframe属性求助!!！


第一个层拖动可以,第二个就不行了,包含的是别人的页面,如何打开页面是别人代码控制的,你不能选择用何种方式打开连接
《!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN“》
《HTML》
《HEAD》
《TITLE》 New Document 《/TITLE》
《META NAME=“Generator“ CONTENT=“EditPlus“》
《META NAME=“Author“ CONTENT=““》
《META NAME=“Keywords“ CONTENT=““》
《META NAME=“Description“ CONTENT=““》
《/HEAD》
《style》
body {
background: #667788;
font-family: tahoma;
font-size: 16px;
padding: 0;
margin: 0;
overflow: hidden;
}
img#background {
}
h1 {
font-size: 140%;
}
#window1 {
top: 50px;
left: 150px;
width: 700px;
height: 500px;
}
#window1 .border {
border-color: #F8E0C0;
}
#window1 .glass {
background: #F8E0C0;
}
.window {
position: absolute;
}
.shadow {
position: absolute;
top: -2px;
left: -2px;
width: 100%;
height: 100%;
background: #002030;
filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=4, makeShadow=true, shadowOpacity=.20);
}
.glass {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: #F0F0F0;
filter:
alpha(opacity=100, style=1, finishOpacity=50, startx=60, starty=50, finishx=20, finishy=70)
alpha(opacity=50, style=1, finishOpacity=100, startx=100, starty=50, finishx=60, finishy=70);
}
.border {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
border: 1px solid #F0F0F0;
padding: 80px 10px 10p 10px;
}
.content {
height: 100%;
width: 100%;
overflow: auto;
background: white;
padding: 0.5em;
cursor: default;
filter: alpha(opacity=60);
}
.title {
color: white;
font-weight: bold;
font-size: 25px;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 80px;
padding: 25px 20px;
cursor: move;
}
.current .shadow {
top: 1px;
left: 1px;
}
.current .content {
filter: none;
}
.current .title {
z-index: 1;
}
《/style》
《script》
var current = null;
var dragging = false;
var startedDragging = false;
function setCurrent(w)
{
if (w != current)
{
// unset old current
if (current)
current.className = ’window’;
// set current
current = w;
current.className = ’current window’;
// put current on top
document.getElementById(“windows“).appendChild(current);
}
// init drag
var offsetX = event.x - parseInt(w.currentStyle.left);
var offsetY = event.y - parseInt(w.currentStyle.top);
if (offsetY 《 80)
{
dragging = true;
dragEffect = function()
{
w.style.pixelLeft = event.x - offsetX;
w.style.pixelTop = event.y - offsetY;
}
}
else
{
var width = parseInt(w.currentStyle.width);
var resizeX = offsetX 》 width - 10;
var height = parseInt(w.currentStyle.height);
var resizeY = offsetY 》 height - 10;
if (resizeX || resizeY)
{
dragging = true;
var offsetX = event.x - width;
var offsetY = event.y - height;
dragEffect = function()
{
if (resizeX)
w.style.pixelWidth = event.x - offsetX;
if (resizeY)
w.style.pixelHeight = event.y - offsetY;
}
}
}
}
function calcResize(w)
{
var offsetX = event.x - parseInt(w.currentStyle.left);
var offsetY = event.y - parseInt(w.currentStyle.top);
var width = parseInt(w.currentStyle.width);
var resizeX = offsetX 》 width - 10;
var height = parseInt(w.currentStyle.height);
var resizeY = offsetY 》 height - 10;
w.style.cursor = (resizeX||resizeY)?(resizeY?“S“:““)+(resizeX?“E“:““)+“-resize“:“default“;
}
var dragEffect;
function moveCurrent()
{
if (!dragging || !current)
return;
if (event.button == 0)
{
releaseCurrent();
return;
}
if (!startedDragging)
{
current.className = ’dragging current window’;
startedDragging = true;
}
dragEffect();
}
function releaseCurrent()
{
if (!current)
return;
current.className = ’current window’;
dragging = false;
startedDragging = false;
}
function makeUnselectable(e)
{
e.unselectable=true;
if (e.className == ’content’)
return;
for (var c=e.firstChild;c;c=c.nextSibling)
if (c.nodeType == 1)
makeUnselectable(c);
}
《/script》
《BODY》
《div id=“windows“ onload=“makeUnselectable(document.body);setCurrent(window1)“ onmouseup=“releaseCurrent()“ onmousemove=“moveCurrent()“》
《div class=“window“ id=“window1“ onmousedown=“setCurrent(this)“ onmousemove=“calcResize(this)“》
《div class=“shadow“》《/div》
《div class=“title“》www.chinacreater.com《/div》
《div class=“glass“》《/div》
《div class=“border“》
《div class=“content“》
《iframe width=“700px“ height=“500px“ src=“http://www.baidu.com“/》
《/div》
《/div》
《/div》
《/BODY》
《/HTML》
-属性

jsp中框架标签有哪些属性


JSP四大属性作用域分别为：page， request ，session， application 。

page范围：pageContext对象完成(本页面使用，跳转失效)

request范围:（服务器端跳转（forward） 有效（地址栏不变）,如果使用超链接跳转（地址栏发生改变），则失效，称为客户端跳转）

session范围:（不管是服务器端还是客户端都有效，但如果新开一个浏览器的话，输入相同地址则就无法获取值）

application范围:（不管是否新开浏览器，或者服务器端还是客户端，都可以获取值）

扩展资料：

第一个作用域page，他只在当前页面有效，也就是用户请求的页面有效，当当前页面关闭或转到其他页面时，page对象将在响应回馈给客户端后释放。

第二个作用域request，他在当前请求中有效，request可以通过setAttribute()方法实现页面中的信息传递，也可以通过forward()方法进行页面间的跳转。

需要注意的是request是转发不是重定向，转发相对于浏览器来说是透明的，也就是无论页面如何跳转，地址栏上显示的依旧是最初的地址。

第三个作用域session，他在当前回话中有效。当一个台电脑上的同一浏览器对服务器进行多次访问时，在这多次访问之间传递的信息就是session作用域的范围。它从浏览器发出第一个HTTP请求即可认为会话开始。-iframe 属性

但是会话结束的时间是不确定的，因为在浏览器关闭时并不会通知服务器，一般Tomcat设置的默认时间为120分钟，也可以通过setMaxInactiveInterval(int)方法进行设置，或是通过invalidate()方法强制结束当前会话。-属性

第四个作用域application，他在所有的应用程序中都有效，也就是当服务器开始到服务器结束这段时间，application作用域中存储的数据都是有效的，同样可以通过setAttribute赋值和getAttribute取值。-iframe 属性

参考资料来源：百度百科-JSP


html iframe如何设置高度和宽度


一、iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。

二、有以下方式对iframe进行设置高度和宽度

1、iframe元素标签可以使用width和height属性，

《iframe src =“/index.html“ width=“400“ height=“300“》《/iframe》

2、可以使用css来定义宽度和高度

《iframe src =“/index.html“ style=“width:400px;height:300px“》《/iframe》

三、补充：

iframe的属性如下：