Heim > Artikel > Web-Frontend > Methode zur Anzeige und Verschönerung von Seiten im JSON-Format basierend auf Javascript_Javascript-Kenntnissen

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

WBOYOriginal: 2016-05-16 16:42:411293Durchsuche

{"name": "monkey","age": "24","height": 164.0}

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 
}

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>

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

Stellungnahme：

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

Vorheriger Artikel：Die Ähnlichkeiten und Unterschiede der globalen dynamischen Positionierung unter ff chrome und dh und wie man die globalen height_javascript-Fähigkeiten erlangtNächster Artikel：Die Ähnlichkeiten und Unterschiede der globalen dynamischen Positionierung unter ff chrome und dh und wie man die globalen height_javascript-Fähigkeiten erlangt

In Verbindung stehende Artikel

Mehr sehen