javascript - 我如何将 Javascript 对象写入文档。无法在 'write' 上执行 'Document'

标签 javascript html object document.write

我正在为学校对象练习做一个非常基本的 JavaScript 练习。我以为普通的 document.write 可以工作,但事实并非如此,我看了很多地方,但其中很多只是针对控制台的。 错误是

无法对“文档”执行“写入”:除非显式打开,否则无法从异步加载的外部脚本写入文档。

如果有人可以提供帮助,那就太好了,如果真的很容易,抱歉

这是我的代码

var oPerson = {
  firstName: 'John',
  lastName: 'Travis',
  gender: 'Male',
  age: 22,
  district: 'Northshore',
  hairColor: 'Brown',
  hairLength: 'Short',
  height: '6\'11"',
  weight: '74kg',
  martialStatus: 'Engaged'
}

document.write(oPerson);
document.write(oPerson.district);

oPerson.resident = "yes";

document.write(oPerson);
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>Exercise - Personal Info</title>
  <script src="practice9JS.js" type="text/javascript"></script>
</head>

<body>
</body>

</html>

最佳答案

在读取 HTML 时,您的 document.write() 调用正在执行。当 DOM 加载时,您的消息将不再可见。试试这个:

setTimeout(() => document.write(oPerson.lastName), 1000);

关于javascript - 我如何将 Javascript 对象写入文档。无法在 'write' 上执行 'Document',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46779367/

相关文章:

javascript - 如何对数组中的对象进行分组

java - SpingMVC + Angularjs+ POST 与 jsp

javascript - jQuery - 在 sibling 中移动元素

javascript - 我应该使用新的 HTML5 语义元素吗?

html - 列背景颜色太多

javascript - 在 Nodejs 中,response.end() 不工作

javascript - 使用 underscore.js 过滤多维数组

javascript - 两个函数签名有什么区别?

javascript - 为什么ioredis客户端开启keep-alive会超时?

javascript - 如何访问对象的值?