Une brève discussion sur les compétences style_javascript de sortie document.write()

L'une des commandes les plus basiques de js : document.write(), utilisée pour simplement imprimer le contenu sur la page. Vous pouvez imprimer le contenu dont vous avez besoin textuellement - document.write("content"), ici content C'est le. contenu qui doit être généré ; bien sûr, il existe également une situation dans laquelle vous devez afficher des modifications dans JS telles que des variables, etc., alors vous devez utiliser document.write (bien sûr, la variable est la variable que vous souhaitez); sortir.

Puisque vous pouvez générer des variables, vous souhaiterez certainement contrôler l'affichage des variables, telles que la position et le style. La première méthode de contrôle consiste à ajouter des styles dans l'application, tels que

Copier le code Le code est le suivant :

document.write("b128e11252286394fcb02fd42223e449 =font-size:20px;font-family= Helvetica;"content"e6e38b3c62e8df885fe2e3986461aa63"

S'il y a trop de styles à ajouter, cela aura non seulement l'air gonflé, mais il sera également peu pratique à modifier.

Dans ce cas, il sera certainement préférable d'utiliser un sélecteur. Cependant, comme vous devez utiliser divers guillemets doubles et simples lorsque vous utilisez des sélecteurs, vous devez veiller à empêcher la correspondance précoce des guillemets doubles et simples lorsque vous les utilisez. La façon dont j'évite cela est d'utiliser " pour rappeler au navigateur de ne pas le faire. correspondent prématurément , les exemples sont les suivants :

document.write("<div id=\"ok\">"+percentage+"</div>");

Un sélecteur d'ID nommé ok est défini ici pour contrôler le style. Puisque le nom de l'identifiant doit être placé entre guillemets doubles, afin d'éviter de correspondre aux guillemets précédents, utilisez " pour le déclarer, puis dans le fichier CSS. À l'intérieur

#ok{style;}

Vous pourrez ensuite définir le style et la position que vous souhaitez.

Ce qui précède représente l’intégralité du contenu de cet article, j’espère que vous l’aimerez tous.