document.write
是一种在 HTML 文档加载时向文档中写入内容的方法。然而,它并不推荐用于现代的 JavaScript 开发,因为它会覆盖整个文档的内容,并且在文档加载完成后调用会导致页面重新加载。
如果你想要获取 div
标签中 JavaScript 对象的输出,更推荐的方法是使用 DOM 操作来更新 div
的内容。以下是一个示例代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="output"></div>
<script>
// 创建一个 JavaScript 对象
const myObject = {
name: "John",
age: 30,
city: "New York"
};
// 获取 div 元素
const outputDiv = document.getElementById('output');
// 将对象转换为字符串并写入 div
outputDiv.innerHTML = JSON.stringify(myObject, null, 2);
</script>
</body>
</html>
在这个示例中,我们创建了一个 JavaScript 对象 myObject
,然后通过 document.getElementById
获取了 div
元素,并使用 innerHTML
属性将对象转换为字符串并写入 div
中。
document.write
不推荐?document.write
,它会覆盖整个文档的内容。document.write
会阻塞页面的加载,影响用户体验。document.write
会使代码难以维护和调试。getElementById
、querySelector
、innerHTML
等)可以更灵活地更新页面内容,且不会覆盖整个文档。fetch
、async/await
)来处理数据和更新 UI。通过这种方式,你可以更安全、更灵活地获取和显示 div
标签中的 JavaScript 对象输出。
领取专属 10元无门槛券
手把手带您无忧上云