【前端学习笔记】JavaScript 教程（部分）

最新推荐文章于 2025-08-16 14:09:30 发布

原创

最新推荐文章于 2025-08-16 14:09:30 发布 · 1.2k 阅读

收录于

当前文章被以下社区和专栏收录：

🌟博主主页：我是一只海绵派大星

📚专栏分类：前端

📚参考教程：菜鸟教程
❤️感谢大家点赞👍收藏⭐评论✍️

6、JavaScript 错误 - throw、try 和 catch

7、JavaScript 类继承

8、JavaScript HTML DOM

9、addEventListener() 方法

1、什么是JavaScript

JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。

2、JavaScript 输出

JavaScript 可以通过不同的方式来输出数据：

使用 window.alert() 弹出警告框。
使用 document.write() 方法将内容写到 HTML 文档中。
使用 innerHTML 写入到 HTML 元素。
使用 console.log() 写入到浏览器的控制台。

使用 window.alert()

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>你好</title>
</head>
<body>
	
<h1>我的第一个页面</h1>
<p>我的第一个段落。</p>
<script>
window.alert(5 + 6);
</script>
	
</body>
</html>

操作 HTML 元素

如需从 JavaScript 访问某个 HTML 元素，您可以使用 document.getElementById(id) 方法。

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>你好</title> 
</head>
<body>
	
<h1>我的第一个 Web 页面</h1>
<p id="demo">我的第一个段落。</p>
<script>
document.getElementById("demo").innerHTML="段落已修改。";
</script>
	
</body>
</html>

标签