首頁 > web前端 > js教程 > iframe實用操作錦集_javascript技巧

iframe實用操作錦集_javascript技巧

WBOY
發布: 2016-05-16 16:51:29
原創
1178 人瀏覽過

iframe高度設定為子頁面高度

複製程式碼 程式碼如下:

/需要使用Jquery
$(document).ready(function () {
parent.document.getElementById("ifPage").style.height = document.body.scrollHeight "px";
});

iframe高度自適應於父頁面
複製代碼 代碼如下:

//需要使用Jquery
$(window).resize(function () {
var webheight = document.body.clientHeight - X; //X是需要減去的高度量,例如頂部導航的高度
$("#ifPage").attr("style", "height:" webheight "px;");
});
$(window).load(function () {
var webheight = document.body.clientHeight - 105;
$("#ifPage").attr("style", "height:" webheight "px;");
});

父子頁面間傳遞元素
父頁面獲取子頁面中的數據,JS代碼:
複製代碼 程式碼如下:

//根據iframe的id取得物件
var i1 = window.frames['iframeId'];
//var iframe =window.frames[0] ;也可以
//取得iframe中的元素值
var val=i1.document.getElementById("t1").value

子頁面取得父頁中的數據,取得父頁中的數據, JS程式碼:
複製程式碼 程式碼如下:

var val = parent.document. "txt1");

子頁面與子頁面間的傳遞,JS代碼:
複製代碼 程式碼如下:

var i1 = parent.window.frames['iframeId'];
var val = i1.document.getElementById("text1").value;

刷新父頁
複製程式碼 程式碼如下:

重新加載子頁面

複製代碼 程式碼如下:
iframe.Attributes[ "Src"] = "ItemTQEditorPage.aspx";

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板