JSON是一種輕量級的數據交換格式,常用于前后端數據傳輸。在使用JSON時,有時需要在新窗口中展示數據。那么,怎樣才能在新窗口中正確地輸入JSON呢?
<button onclick="openNewWindow()">打開新窗口</button> <script> function openNewWindow() { var myJson = { "name": "Tom", "age": 18 }; var jsonString = JSON.stringify(myJson); var newWindow = window.open("", "_blank"); newWindow.document.write(`<p> ${jsonString} </p>`); } </script>
上述代碼中,我們首先創建了一個JSON對象,并使用JSON.stringify()方法將其轉為字符串。接著,我們使用window.open()方法創建了一個新窗口,并將第一個參數設置為一個空字符串,第二個參數設置為“_blank”,表示在新窗口中打開頁面。我們將新窗口對象賦值給newWindow變量。然后,我們使用newWindow.document.write()方法在新窗口中插入一個段落,段落內的內容是我們剛才定義的JSON字符串。
通過以上代碼,我們可以在新窗口中正確地輸入JSON數據,方便地展示給用戶。
下一篇vue能做app