JavaScript 的概念
JavaScript 是一种用于网页开发的脚本语言，主要用于让网页更具动态化和交互性的特点。
JavaScript 可以运行在浏览器中，也可以运行在服务器端（通过 Node.js）。
JavaScript 的用法
在 HTML 文件中，可以通过<script>标签嵌入 JavaScript 代码：
<h1>我的第一个脚本代码</h1>
<button type="button" onclick="document.getElementById('demo').innerHTML = Date()">显示日期和时间</button>
<p id="demo"></p>JavaScript 的语法
1. 变量
变量用于存储数据，JavaScript 中使用let、const或var声明变量。
let name = "小明"; // let 用于声明可以改变的变量
const age = 18; // const 用于声明不可改变的常量
var score = 100; // var 是旧的变量声明方式，不推荐使用2. 数据类型
基本数据类型：字符串（String）、数字（Number）、布尔值（Boolean）、空值（Null）、未定义（Undefined）。
let name = "JavaScript"; // 字符串
let age = 25; // 数字
let isStudent = true; // 布尔值3. 运算符
- 算术运算符：+、-、*、/、%
- 比较运算符：==、!=、>、<、>=、<=
- 逻辑运算符：&&（与）、||（或）、!（非）
let a = 10;
let b = 20;
console.log(a + b); // 输出 30
console.log(a > b); // 输出 false4. 条件语句
使用if、else if和else来实现条件判断。
let age = 18;
if (age >= 18) {
console.log("你已经成年了！");
} else {
console.log("你还未成年！");
}5. 循环
使用for或while循环来重复执行代码。
for (let i = 0; i < 5; i++) {
console.log("当前值是：" + i);
}
let j = 0;
while (j < 5) {
console.log("当前值是：" + j);
j++;
}6. 函数
函数是一段可以重复使用的代码块。
function sayHello(name) {
console.log("你好, " + name + "!");
}
sayHello("小明"); // 输出 "你好, 小明!"JavaScript 操作网页
JavaScript 可以直接操作网页中的元素。
1. 获取元素
使用document.getElementById或document.querySelector获取网页元素。
<p id="demo">这是一个段落。</p>
<script>
let element = document.getElementById("demo");
element.innerHTML = "内容被修改了！";
</script>2. 事件处理
JavaScript 可以监听用户的操作，比如点击按钮。
<button onclick="alert('按钮被点击了！')">点击我</button>JavaScript 调试
使用console.log()在浏览器的控制台输出信息，方便调试代码。
let a = 10;
let b = 20;
console.log(a + b); // 在控制台输出 30I. 按以下方式打开浏览器的开发者工具：
- Chrome 浏览器：可以通过按F12键或者右键点击页面，选择 “检查” 来打开开发者工具。
- Firefox 浏览器：按Ctrl+Shift+I（Windows/Linux）或Cmd+Opt+I（Mac）组合键打开。
- Safari 浏览器：需要先在"偏好设置"-"高级"中勾选"在菜单栏中显示'开发'菜单"，然后通过"开发"-"显示 JavaScript 控制台"打开。
II. 在开发者工具中，切换到 “控制台（Console）” 面板，你将看到 a + b 的计算结果输出在控制台中。
评论区 0
发表评论
教程介绍
HTML 超文本标记语言，一种用于创建网页的标准标记语言，在浏览器上运行和解析。
60
章节
192
阅读
0
评论