Chr*_*ips 1 html javascript file-structure visual-studio-code
我是 Web 开发的初学者（自学，第 2 天），到目前为止，我已经学会了如何使用 Chrome 中的控制台在 Javascript 中编写函数。为了进一步了解 Javascript 的实现方式，我想创建一个可以从头开始构建的空白测试环境。我尝试查看启动新 Javascript 项目的指南（我想使用 Visual Studio Code 的“Chrome 调试器”扩展），但每个指南都以“打开您的项目文件夹”开头，而我没有任何指南项目还没来！我看过，但没有找到任何详细说明“如何创建项目文件夹”的文档。所以我的问题是：
感谢大家。
简单的 HTML 页面就足够了，但最好将 JS 代码提取到单独的文件中：
所有这些都是简单的文本文件，因此您可以先将它们创建为文本文件，然后按照您的建议更改扩展名。
在您的index.html 文件中，您需要包含该scripts.js 文件，如下所示：
<!DOCTYPE html>
<html>
<head><title>Your playground</title></head>
<body>
<!--here you can have some HTML markup to play with-->
<div id="test">test div</div>
<script src="scripts.js"></script>
</body>
</html>
您应该将导入添加到主体的末尾，这样您就不需要等到 DOM 被解析。
然后你可以在 script.js 中添加类似这样的内容：
var el = document.getElementById('test');
alert(el.innerText);
当然，您也可以使用https://jsfiddle.net/或https://jsbin.com/之类的东西。
| 归档时间： |
|
| 查看次数： |
6890 次 |
| 最近记录： |