recherche

Maison >interface Web >js tutoriel >Méthode JS pour modifier dynamiquement les compétences iframe height et width_javascript

Méthode JS pour modifier dynamiquement les compétences iframe height et width_javascript

WBOY
WBOYoriginal
2016-05-16 16:06:271677parcourir

L'exemple de cet article décrit la méthode de modification dynamique de la hauteur et de la largeur de l'iframe avec JS. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :

Si vous souhaitez modifier dynamiquement la hauteur et la largeur de l'iframe via des boutons, vous pouvez vous référer au code JS suivant 

<!DOCTYPE html>
<html>
<head>
<script>
function changeSize()
{
document.getElementById("myframe").height="300";
document.getElementById("myframe").width="300";
}
</script>
</head>
<body>
<iframe id="myframe" src="/default.asp" 
height="200" width="200">
<p>Your browser does not support iframes.</p>
</iframe>
<br><br>
<input type="button" onclick="changeSize()" 
value="Change size">
</body>
</html>

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

Déclaration：
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
Article précédent：jquery pour créer un plug-in d'image de carrousel multifonctionnel_jqueryArticle suivant：jquery pour créer un plug-in d'image de carrousel multifonctionnel_jquery

Articles Liés

Voir plus