我正在尝试让一个非常基本的 d3 可视化工作，但我得到的只是一个空白的浏览器窗口。
这是我的index.html：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="code.js"></script>
<title>My Title</title>
</head>
<body>
<div class="container"></div>
</body>
</html>
这是我的code.js：
console.log("test");
d3.select("body").append("h1").html("Here are some words")
我的控制台打印test.但浏览器窗口中未显示任何内容。当我inspect element时，没有添加任何内容。
我尝试通过python -m SimpleHTTPServer和npm install -g http-server加http-server &加载本地主机页面。
出了什么问题？
您需要更改以下代码的 HTML 代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://d3js.org/d3.v4.min.js"></script>
<title>My Title</title>
</head>
<body>
<div class="container"></div>
<script type="text/javascript" src="code.js"></script>
</body>
</html>
我只是将引用"代码.js"的行放在正文标签内