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

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

WBOY

Libérer： 2016-05-16 16:51:29

original

1175 Les gens l'ont consulté

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"