iframe 属性（如何获取页面中iframe的属性）

本文目录

• 如何获取页面中iframe的属性
• 如何设置iframe的高度等于内容
• iframe的visibility属性有哪些
• html iframe如何设置高度和宽度
• 怎么用js来设置这个iframe属性谢谢啦
• js如何修改iframe 中元素的属性

如何获取页面中iframe的属性

给iframe设个id= testIframevar parentWindow;var testIframe;for(var i = 0 ; i 《 10; i++){parentWindow = window.top.frames;testIframe= $(’#testIframe’, parentWindow.document).val();if(testIframe){break;}}

如何设置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的属性如下：

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

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的属性如下：

怎么用js来设置这个iframe属性谢谢啦

《!DOCTYPE HTML》《html》《head》《meta charset="UTF-8" /》《title》last.html《/title》《style》《/style》《script type="text/javascript"》window.onload = function ()    {    var iframe = document.createElement (’iframe’);    iframe.src = "index.html";    iframe.setAttribute("scrolling", "no");    iframe.setAttribute("frameborder", 0);    iframe.style.position = "fixed";    iframe.style.bottom = 0;    iframe.style.right = 0;    iframe.style.width = "305px";    iframe.style.height = "320px";    document.body.appendChild (iframe);    }《/script》《/head》《body》《/body》《/html》

js如何修改iframe 中元素的属性

网页加载的时候，iframe里面的还没加载完当然就更改不了。

1.纯js的

《!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》

《meta http-equiv="Content-Type" content="text/html; charset=utf-8" /》

《title》无标题文档《/title》

《script language="javascript"》

function c(){

var a;

try{

if (document.all){

a = document.frames.document;

}else{

a = document.getElementById("a").contentDocument;

}

var b = a.getElementsByName("b");

b.disabled = true;

clearInterval(d);

}

catch(ex){

}

}

《/script》

《/head》

《body》

《iframe id="a" src="b.html" onload="c();"》《/iframe》

《/body》

《/html》

2.使用jQuery框架的，建议使用，封装了js，操作DOM等等非常方便

《!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》

《meta http-equiv="Content-Type" content="text/html; charset=utf-8" /》

《title》无标题文档《/title》

《script language="javascript" src="/js/jquery-1.4.4.js" type="text/javascript"》《/script》

《script language="javascript" type="text/javascript"》

《!--//

$(document).ready(function(){

if ($.browser.msie){

$(’#a’).ready(function(){

$(window.frames.document).find("input").attr("disabled","disabled");

});

}

else{

$(’#a’).load(function(){

$(’#a’).contents().find("input").attr("disabled","disabled");

});

}

});

//--》

《/script》

《/head》

《body》

《iframe id="a" name="a" src="iframechild.html"》《/iframe》

《/body》

《/html》

b.html

《!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》

《meta http-equiv="Content-Type" content="text/html; charset=utf-8" /》

《title》无标题文档《/title》

《/head》

《body》

《form name="cform"》《input type="text" name="b" /》《/form》

《/body》

《/html》