iframe属性值(iframe元素)
iframe说明与用法
一、记录说明
二、iframe说明
iframe/iframe标签用于定义一个页面的内联框架。就是在一个html页面中分出小块，然后用iframe把其他网页嵌入进来，这小块就会显示其他html页面的内容了。
三、iframe标签常用属性
四、父、子页面常用方法
1、父页面
注意：iframe加载也需要时间（相当于重新打开一个页面），需要在父页面操作子页面，要等子页面加载完成，iframe常加上onload事件，jq常加上 $('#iframeId').load(function(){}); 再开始操作子页面。
2、子页面
五、实例
这里也包含了项目中写的常用的公共函数。为了方便js直接嵌入html中。因为jquery很方便，也引入了。
六、替换方法
1、ajax获取页面操作DOM加载。jquery也有提供 $('divId').load('.html') 直接加载的方法。
2、vue等框架，组件。
js怎样修改iframe的属性值
document.getElementByID('iframeName')这个方法可以取得有id或者有name的对象
iframe中属性中不包含的属性是?
frameborder、height、width、name、scrolling、src之外的属性。iframe中属性中包含的属性是frameborder、height、width、name、scrolling、src，不包含的属性是frameborder、height、width、name、scrolling、src之外的属性。frameborder：是否显示边框，1（yes），（no）；height：框架作为一个普通元素的高度，建议在使用css设置；width：框架作为一个普通元素的宽度，使用css设置；name：框架的名称，windowframesname时专用的属性；scrolling：框架的是否滚动；yes，no，auto；src：内框架的地址，可以使页面地址，也可以是图片的地址。
iframe属性
Iframe标记的使用格式是:
Iframe src="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:框架的名字，用来进行识别。
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('?')[1];
if(vals.indexOf('')){
vals = vals.split('');
for(var i=0;ivals.length;i++){
settings[vals[i].split('=')[0]] = vals[i].split('=')[1];
autoSetVal(vals[i].split('=')[0],vals[i].split('=')[1]);
}
}else{
settings[vals.split('=')[0]] = vals.split('=')[1];
autoSetVal(vals.split('=')[0],vals.split('=')[1]);
}
}
}
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('?')[0];
}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="" name="x" width="750px" height="500px"/iframebr /
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
HTML 标签定义和用法
定义和用法：iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。
提示：您可以把需要的文本放置在 iframe 和 /iframe 之间，这样就可以应对无法理解 iframe 的浏览器。
属性①align
属性值：left、right、top、middle、bottom；
属性的作用：规定如何根据周围的元素来对齐此框架。
属性的说明：不赞成使用该属性。请使用样式代替。
属性②frameborder
属性值：1、0
属性作用：规定是否显示框架周围的边框。
属性③height
属性值：pixels、%
属性作用：规定 iframe 的高度。
属性④longdesc
属性值：URL
属性作用：规定一个页面，该页面包含了有关 iframe 的较长描述。
属性⑥marginheight
属性值：pixels
属性作用：定义 iframe 的顶部和底部的边距。
属性⑦marginwidth
属性值：pixels
属性作用：定义 iframe 的左侧和右侧的边距。
属性⑧name
属性值：frame_name
属性作用：规定 iframe 的名称。
属性⑨scrolling
属性值：yes、no、auto
属性作用：规定是否在 iframe 中显示滚动条。
属性（10）src
属性值：URL
属性作用：规定在 iframe 中显示的文档的 URL。
属性（11）width
属性值：pixels、%
属性作用：定义 iframe 的宽度。