Collection de compétences pratiques en matière d'opérations iframe_javascript

La hauteur de l'iframe est définie sur la hauteur de la sous-page

Copier le code Le code est le suivant :

//Vous devez utiliser Jquery
$(document).ready(function () {
parent.document.getElementById("ifPage").style.height = document.body.scrollHeight "px";
});

iframe est hautement adaptatif à la page parent

Copier le code Le le code est le suivant :

//Vous devez utiliser Jquery
$(window).resize(function () {
var webheight = document.body.clientHeight - X; / /X est la hauteur qui doit être soustraite, comme la hauteur de la navigation supérieure
$("#ifPage").attr("style", "height:" webheight "px;"
); });
$(window).load(function () {
var webheight = document.body.clientHeight - 105;
$("#ifPage").attr("style", "hauteur :" webheight "px;");
});

Transférer des éléments entre les pages parent et enfant
La page parent récupère les données dans la page enfant, code JS :

Copier le code Le code est le suivant :

//Récupérer l'objet selon l'identifiant du iframe
var i1 = window.frames['iframeId'];
//var iframe =window.frames[0] ;Vous pouvez également
//Obtenir la valeur de l'élément dans l'iframe
var val=i1.document.getElementById("t1").value

La page enfant récupère les données de la page parent, code JS :

Copier le code Le code est le suivant :

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

Transfert entre sous-pages, code JS :

Copier le code Le code est le suivant :

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

Actualiser la page parent

Copier le code Le code est le suivant :

function parentReload( ) { window.parent.location.reload() ;}

Recharger la sous-page

Copier le code Le code est le suivant :

iframe.Attributes[ "Src"] = "ItemTQEditorPage.aspx"