Javascript 在HTML页面上显示SVG
我最近开始研究使用D3JS，遵循一个有用的Pluralsight，导师使用jsbin.com进行简单的演示 我遵循了这一点，我的D3JS代码在jsbin.com（）中工作，它给出了以下输出 但是，当我将内容写入文件并托管在本地服务器上时，它似乎不起作用 以下是我所拥有的（与上面链接中的代码完全相同） HTML 结果 这会将Javascript 在HTML页面上显示SVG,javascript,html,d3.js,data-visualization,Javascript,Html,D3.js,Data Visualization,我最近开始研究使用D3JS，遵循一个有用的Pluralsight，导师使用jsbin.com进行简单的演示 我遵循了这一点，我的D3JS代码在jsbin.com（）中工作，它给出了以下输出 但是，当我将内容写入文件并托管在本地服务器上时，它似乎不起作用 以下是我所拥有的（与上面链接中的代码完全相同） HTML 结果 这会将测试标题写入页面，但不会显示SVG图像。有人能指出为什么这在jsbin中有效，但在本地服务器上托管文件时无效吗 编辑： 值得注意的是，我试图使用一个简单的节点hhtp服务器
测试标题写入页面，但不会显示SVG图像。有人能指出为什么这在jsbin中有效，但在本地服务器上托管文件时无效吗
编辑：
值得注意的是，我试图使用一个简单的节点hhtp服务器来查看此内容，并尝试在Firefox、Firefox dev&IE11中查看内容。您的代码在声明body元素之前执行，这是一个问题，因为代码试图向body添加内容。如果将脚本标记移动到身体的末端，它应该可以工作：
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
</script>
</head>
<body>
<h1>Test Header</h1>
<script type="text/javascript" src="javascript.js">
</body>
</html>
测试头
您的代码在声明body元素之前执行，这是一个问题，因为代码试图向body添加内容。如果将脚本标记移动到身体的末端，它应该可以工作：
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
</script>
</head>
<body>
<h1>Test Header</h1>
<script type="text/javascript" src="javascript.js">
</body>
</html>
测试头
spot on！这让我抓狂，我知道javascript文件工作正常，使用alert
函数工作正常，但是没有想到脚本会在它运行之前运行。非常感谢！完全正确这让我抓狂，我知道javascript文件工作正常，使用alert
函数工作正常，但是没有想到脚本会在它运行之前运行。非常感谢！
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
</script>
</head>
<body>
<h1>Test Header</h1>
<script type="text/javascript" src="javascript.js">
</body>
</html>