communauté Apprendre Bibliothèque d'outils Loisirs

Français

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

Libérer： 2016-05-16 16:06:27

original

1675 Les gens l'ont consulté

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>

Copier après la connexion

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

Étiquettes associées：

iframe js Modification dynamique largeur haut

source：php.cn

Article précédent：jquery pour créer un plug-in d'image de carrousel multifonctionnel_jquery Article suivant：Méthode JS pour modifier dynamiquement l'URL (src) d'une compétence image_javascript

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 articles par auteur