communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > Méthode d'affichage et d'embellissement des pages au format JSON basée sur les compétences javascript_javascript

Méthode d'affichage et d'embellissement des pages au format JSON basée sur les compétences javascript_javascript

WBOY
Libérer： 2016-05-16 16:42:41
original
1357 Les gens l'ont consulté
{"name": "monkey","age": "24","height": 164.0}
Copier après la connexion

Si vous souhaitez que la chaîne json ci-dessus soit affichée sur la page plus facilement lisible, remplacez-la par le style suivant : 

{ 
"name": "monkey", 
"age": "24", 
"height": 164.0cm 
}
Copier après la connexion

La méthode présentée dans cet article est basée sur javascript, et le code est le suivant : 

<html> 
<head>/ 
//style中是css代码 
<style type="text/css"> 
body 
{ 
white-space: pre; 
font-family: monospace; 
} 
</style>　　 
//script中是javascript代码 
<script> 
window.error_id_msgs = <%= error_id_msgs | raw %>; 
function myFunction() { 
document.body.innerHTML = ""; 
document.body.appendChild(document.createTextNode(JSON.stringify(window.error_id_msgs, null, 4))); 
}　　　　　 
</script> 
</head> 
<body onload="myFunction()">　//表示页面加载时调用myFunction() 
</body> 
</html>
Copier après la connexion

Où window.error_id_msgs est l'objet json à convertir, la combinaison de css et myFunction peut réaliser la conversion d'affichage de page

Étiquettes associées：
json格式
source：php.cn
Article précédent：Les similitudes et les différences du positionnement dynamique global sous ff chrome et ie et comment obtenir les compétences globales height_javascript Article suivant：Encapsulation de l'ajout et de la suppression de compétences natives js events_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
Derniers numéros
Quel est le format des variables dans la valeur de retour ? Je suis un nouvel apprenant de php. J'ai trouvé un morceau de code : if($x<time()){retu...
Depuis 2024-04-06 21:55:20
0
1
778
La requête et la formule forment la table entière, avec de nouvelles colonnes, où les nouvelles colonnes sont des formules impliquant d'autres valeurs de colonnes conditionnelles. EDIT : La formule doit être la colonne "valeur" - la colonne "valeur" ...
Depuis 2024-04-06 21:23:40
0
2
530
Modifier dynamiquement les styles CSS en ligne dans Javafx J'essaie de changer l'image d'arrière-plan d'un volet lorsque l'application est agrandie. ...
Depuis 2024-04-06 20:57:16
0
1
487
Calculer la somme des champs dans une autre table à l'aide d'une requête MySQL SQL J'ai un schéma comme celui-ci : Table utilisateur avec les attributs "user_id" e...
Depuis 2024-04-06 19:39:29
0
1
441
MySQL : "Sélectionnez le texte de... comme <variable ici ou sous-requête>" J'ai le tableau suivant avec les données suivantes : id texte langue 1 texte allemand alle...
Depuis 2024-04-06 19:25:54
0
2
529
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal