Appearance
JavaScript
JavaScript 是一种脚本语言,主要用于 Web 开发。它可以在客户端浏览器中执行,用于创建动态网页内容。JavaScript 脚本可以直接嵌入到 HTML 中,也可以作为外部文件引入。
更多信息请参考:MDN JavaScript 指南
引入方式
JavaScript 可以通过以下方式引入到 HTML 中:
外部脚本:使用
<script>标签的src属性引入外部.js文件。推荐方式。html<script src="script.js"></script>内部脚本:在 HTML 文档中直接使用
<script>标签编写代码。html<script> console.log("Hello, World!"); </script>
基础语法
变量声明
JavaScript 有三种声明变量的方式:
var:函数作用域(老旧方式,不推荐)。let:块级作用域(推荐用于可变变量)。const:块级作用域(推荐用于常量)。
javascript
let name = "Alice";
const age = 30;数据类型
常见的数据类型包括:
- String:字符串,如
"Hello"。 - Number:数字,如
42,3.14。 - Boolean:布尔值,
true或false。 - Array:数组,如
[1, 2, 3]。 - Object:对象,如
{ name: "Alice", age: 30 }。 - Null 和 Undefined。
函数
函数是执行特定任务的代码块。
javascript
function greet(name) {
return "Hello, " + name + "!";
}
// 箭头函数 (ES6)
const greetArrow = (name) => {
return `Hello, ${name}!`;
};示例:简单的 DOM 操作
以下示例展示了如何使用 JavaScript 修改 HTML 内容:
html
<!DOCTYPE html>
<html>
<body>
<h1 id="demo">原来的标题</h1>
<button onclick="changeText()">点击修改标题</button>
<script>
function changeText() {
document.getElementById("demo").innerHTML = "标题已被修改!";
document.getElementById("demo").style.color = "red";
}
</script>
</body>
</html>