실용적인 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 코드:

코드 복사 코드는 다음과 같습니다.

//ID에 따라 객체를 가져옵니다. iframe
var i1 = window.frames['iframeId'];
//var iframe =window.frames[0] ;
//iframe에서 요소 값을 가져올 수도 있습니다.
var val=i1.document.getElementById("t1").value

하위 페이지는 상위 페이지의 데이터를 가져옵니다. JS 코드:

코드 복사 코드는 다음과 같습니다.

var val = parent.document.getElementById( "txt1"); >서브 페이지 간 이동, JS 코드:

코드 복사

코드는 다음과 같습니다. var i1 = parent.window.frames['iframeId']; var val = i1.document.getElementById("text1").value;

상위 페이지 새로 고침

코드 복사

코드는 다음과 같습니다. function parentReload( ) { window.parent.location.reload() ;}

하위 페이지 새로고침

코드 복사

코드는 다음과 같습니다. iframe.Attributes[ "Src"] = "ItemTQEditorPage.aspx"