【VScode配置HTML如何编译基础 JavaScript 实例】

最新推荐文章于 2024-06-03 21:41:12 发布

Qt历险记

最新推荐文章于 2024-06-03 21:41:12 发布

阅读量685

点赞数 7

分类专栏： JavaScript 文章标签： vscode html javascript

本文链接：https://blog.csdn.net/m0_45463480/article/details/136122278

版权

JavaScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

基础 JavaScript 实例

VScode

在这里插入图片描述
打开扩展搜索

右键看到即可

在这里插入图片描述

用JavaScript输出文本

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
</head>
<body>
	
<h1>我的第一个 Web 页面</h1>
<p>我的第一个段落。</p>
<script>
document.write(Date());
</script>
	
</body>
</html>

在这里插入图片描述

用JavaScript改变HTML元素

<!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>

在这里插入图片描述

一个外部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>