iframe实用操作锦集_javascript技巧_脚本之家

假如主页面有一个div,里面放置三个iframe 复制代码 代码如下:

iframe高度设置为子页面中度 复制代码
代码如下: //供给动用Jquery $.ready {
parent.document.getElementById.style.height = document.body.scrollHeight

3个菜单链接,分别在iframe加载 1.html、2.html、3.html 四个页面。
3个子页面分别在大团结页面加载完window.onload履行 复制代码 代码如下:function aa(卡塔尔国{ var newHeight
= document.body.scrollHeight + 20 + “px”;
window.parent.document.getElementById.style.height = newHeight;
//以上firefox通过,不过ie6必需抬高上边那句,不然iframe中度是改了,可是可以预知区域并未有改
window.parent.document.getElementById.style.height = newHeight; }
以下方法只必要把代码放在主页面: 页面代码: 复制代码 代码如下:

  • “px”; }卡塔尔(英语:State of Qatar); iframe中度自适应于父页面 复制代码 代码如下: //必要动用Jquery $.resize {
    var webheight = document.body.clientHeight – X;
    //X是急需减小的中衡量,比如最上端导航的中度 $.attr(“style”, “height:” +
    webheight + “px;”卡塔尔(英语:State of Qatar); }卡塔尔(قطر‎; $.load { var webheight =
    document.body.clientHeight – 105; $.attr(“style”, “height:” + webheight
  • “px;”卡塔尔; }卡塔尔; 父亲和儿子页面间传递成分 父页面获取子页面中的数据,JS代码:
    复制代码 代码如下:
    //依据iframe的id获取对象 var i1 = window.frames[‘iframeId’]; //var
    iframe =window.frames[0];也得以 //获取iframe中的成分值 var
    val=i1.document.getElementById.value 子页面拿到父页面中的数据,JS代码:
    复制代码 代码如下: var val =
    parent.document.getElementById; 子页面与子页面间的传递,JS代码: 复制代码 代码如下: var i1 =
    parent.window.frames[‘iframeId’]www.hj8828.com,; var val =
    i1.document.getElementById.value; 刷新父页面 复制代码 代码如下: function parentReload(卡塔尔(英语:State of Qatar) {
    window.parent.location.reload(卡塔尔(قطر‎;} 重新加载子页面 复制代码 代码如下: iframe.Attributes[ “Src”]
    = “ItemTQEditorPage.aspx”;