Maison > interface Web > js tutoriel > Méthode JavaScript pour implémenter le changement de hauteur de cadre avec les compétences content_javascript

Méthode JavaScript pour implémenter le changement de hauteur de cadre avec les compétences content_javascript

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Libérer: 2016-05-16 15:49:11
original
1255 Les gens l'ont consulté

L'exemple de cet article décrit la méthode d'utilisation de JavaScript pour modifier la hauteur du cadre avec le contenu. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :

Il existe deux méthodes :

1. Changer via la page parent

Ici, nous devons comprendre les deux attributs du framework, contentWindow et contentDocument. La signification de ces deux attributs est similaire à celle du document window. La différence est que contentWindow est pris en charge par tous les navigateurs, mais contentDocument n'est pas pris en charge par. ie6 et 7, et chrome non plus.

<iframe onload="change_height()"></iframe>
function change_height(){
  var iframe=document.getElementById("iframe_id");
  //取得框架元素
  var i_height=iframe.contentWindow.document.body.scrollHeight||iframe.contentWindow.document.documentElement.scrollHeight;
  //取得框架内容的高度
  iframe.height=i_height;
  //改变
}

Copier après la connexion

Deuxièmement, grâce aux changements de contenu

Procéder sur la page de contenu

window.onload=function(){
  var iframe=parent.document.getElementById("iframe_id");
  //取得框架元素
  iframe.height=document.body.scrollHeight||document.documentElement.scrollHeight;
  //取得框架内容的高度并改变
}

Copier après la connexion

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.

Étiquettes associées:
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers numéros
c++ appelle javascript
Depuis 1970-01-01 08:00:00
0
0
0
Qu’est-ce que le garbage collection JavaScript ?
Depuis 1970-01-01 08:00:00
0
0
0
Que sont les fonctions de hook JavaScript ?
Depuis 1970-01-01 08:00:00
0
0
0
Comment obtenir la date actuelle en JavaScript ?
Depuis 1970-01-01 08:00:00
0
0
0
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal