Heim > Web-Frontend > js-Tutorial > Hauptteil

Methode zur Anzeige und Verschönerung von Seiten im JSON-Format basierend auf Javascript_Javascript-Kenntnissen

WBOY
Freigeben: 2016-05-16 16:42:41
Original
1332 Leute haben es durchsucht
{"name": "monkey","age": "24","height": 164.0}
Nach dem Login kopieren

Wenn Sie möchten, dass die obige JSON-Zeichenfolge auf der Seite besser lesbar angezeigt wird, ändern Sie sie in den folgenden Stil:

{ 
"name": "monkey", 
"age": "24", 
"height": 164.0cm 
}
Nach dem Login kopieren

Die in diesem Artikel vorgestellte Methode basiert auf Javascript und der Code lautet wie folgt:

<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>
Nach dem Login kopieren

Wobei window.error_id_msgs das zu konvertierende JSON-Objekt ist, kann die Kombination von CSS und myFunction die Konvertierung der Seitenanzeige realisieren

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage