Javascript 如何从外部js文件呈现html_Javascript

Javascript 如何从外部js文件呈现html

javascript

Javascript 如何从外部js文件呈现html,javascript,Javascript,这可能是一个愚蠢的问题，但实际上我从来没有这样做过，我正在尝试的是没有工作我有两个文件 test.html test.js 我将js链接为test.html中的外部文件 <!doctype html> <html> <head> <script type="text/javascript" src="test.js"></script> <meta charset="utf-8"> <title>Untit

这可能是一个愚蠢的问题，但实际上我从来没有这样做过，我正在尝试的是没有工作

我有两个文件

test.html
test.js

我将js链接为test.html中的外部文件

<!doctype html>
<html>
<head>
<script type="text/javascript" src="test.js"></script>

<meta charset="utf-8">
<title>Untitled Document</title>
</head>

<body>
</body>
</html>


无标题文件

在我的js文件中，我有如下内容

document.appendChild('<div>testing</div>')

document.appendChild（“测试”）

我也试过了

document.getElementsByTagName('body').appendChild('<div>testing</div>')

document.getElementsByTagName（'body'）.appendChild（'testing'））

我做错了什么？我只想学习如何从外部js文件中生成html，以用于我正在从事的未来项目。

通常，您应该在解析文档之后，而不是之前，尝试运行依赖于页面的脚本-如果您将脚本放入

并立即运行，则

尚未创建。为脚本标记赋予

defer

属性，使其仅在文档完全解析后运行：

<script defer type="text/javascript" src="test.js"></script>

很奇怪，因为它不会为我生成任何东西，所以当我将外部调用放在

之后时，它会工作，而不会在头部。为什么会这样？请参阅编辑-由于脚本位于

上方，文档尚未加载。您还可以将脚本保存在

头部

中，并为其指定

延迟

属性