基础 JavaScript 实例
VScode
![](https://file.jishuzhan.net/article/1758359632037810178/adb74c965215992f906fbf7d5b4cd51e.webp)
打开扩展搜索
右键看到即可
![](https://file.jishuzhan.net/article/1758359632037810178/20265f46e658899fdbf562d6469e9b40.webp)
用JavaScript输出文本
javascript
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>我的第一个 Web 页面</h1>
<p>我的第一个段落。</p>
<script>
document.write(Date());
</script>
</body>
</html>
![](https://file.jishuzhan.net/article/1758359632037810178/41f30c1a446b7db2e3f55399c3fb5245.webp)
用JavaScript改变HTML元素
javascript
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>我的第一个 Web 页面</h1>
<p id="demo">我的第一个段落。</p>
<script>
document.getElementById("demo").innerHTML="段落已修改。";
</script>
</body>
</html>
![](https://file.jishuzhan.net/article/1758359632037810178/c5658b96424c0f9883d6108766d87772.webp)
一个外部JavaScript
javascript
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>我的 Web 页面</h1>
<p id="demo">一个段落。</p>
<button type="button" onclick="myFunction()">点击这里</button>
<p><b>注释:</b>myFunction 保存在名为 "myScript.js" 的外部文件中。</p>
<script src="myScript.js"></script>
</body>
</html>