Comment faire pour modifier la taille des polices dans Java Script

July 19

Comment faire pour modifier la taille des polices dans Java Script


JavaScript est un langage de programmation côté client que de nombreux concepteurs de sites Web utilisent pour manipuler la mise en page, du texte et des images sur une page Web. JavaScript peut être utilisé pour modifier la taille d'une police lorsque l'utilisateur clique sur un bouton ou lorsque la page est chargée. Ceci est utile lorsque vous voulez faire une partie de la page de contenu Web se démarquer. Pour rendre la police plus grande, le contenu est enveloppé dans un "div" tag et le code JavaScript fera la police plus grande au sein de ce bloc de HTML.

Instructions

Open your HTML page in a text editor. 1 Ouvrez votre page HTML dans un éditeur de texte. Vous pouvez utiliser un simple éditeur simple, de texte comme Bloc-notes pour modifier JavaScript, ou vous pouvez utiliser des applications plus avancées comme Notepad ++, Visual Studio et Dreamweaver.

Wrap a div tag around the text you want to edit. 2 Enroulez une balise div autour du texte que vous souhaitez modifier. Cela vous permet de changer la taille de la police d'une zone spécifique dans votre page Web sans déformer la mise en page avec un changement global de taille de police. Le code ci-dessous crée un div nommé "myDiv": <div id = "myDiv"> Mon site texte </ div>

Create the JavaScript function. 3 Créer la fonction JavaScript. Pour modifier une taille de police dans votre balise div, vous devez définir le "fontsize" propriété. Le code ci-dessous modifie la taille de la div: la fonction de changement de taille () {document.getElementById ( "myDiv") font size = "12px";. }

Add a button to the page to let the user choose to change the font size. 4 Ajouter un bouton à la page pour laisser l'utilisateur choisir de changer la taille de la police. Pour ajouter le bouton et appeler la nouvelle fonction JavaScript, utilisez le code ci-dessous: <input type = "button" onclick = "Taille de changement ()">

Save the file and open the page in your Web browser. 5 Enregistrez le fichier et ouvrez la page dans votre navigateur Web. Testez le nouveau code en cliquant sur le bouton. Les augmentations de taille de police dans la balise div.