iframe實用操作錦集_javascript技巧

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";