JavaScript 是互联网上最流行的脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。
JavaScript 是脚本语言
JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。
JavaScript 很容易学习。
简单示例
// JavaScript 是一种高级编程语言,通常用于网页开发,实现动态效果和交互功能。
// 它可以在网页中操作 HTML 和 CSS,处理用户输入,发送和接收数据等。
// 以下是一个简单的 JavaScript 示例,用于在控制台输出 "Hello, JavaScript!"
console.log("Hello, JavaScript!");
JavaScript 作用
// JavaScript 具有多种重要作用
// 1. 操作网页文档对象模型(DOM),实现动态修改网页内容和结构
document.getElementById('myElement').innerHTML = '新的内容';
// 2. 处理用户交互,例如点击事件、鼠标移动等
document.addEventListener('click', function() {
// 执行点击后的操作
console.log('点击了页面');
});
// 3. 进行表单验证,确保用户输入的有效性
function validateForm() {
var inputValue = document.getElementById('inputField').value;
if (inputValue === '') {
alert('输入不能为空!');
return false;
}
return true;
}
// 4. 发送异步请求获取数据(例如使用 XMLHttpRequest 或 fetch)
fetch('https://example.com/data')
.then(response => response.json())
.then(data => {
// 处理获取到的数据
console.log(data);
});
JavaScript 环境
// JavaScript 可以在多种环境中运行
// 1. 浏览器环境
// 在浏览器中,可以通过 window 对象与浏览器进行交互
console.log(window.innerWidth); // 获取浏览器窗口的宽度
// 2. 服务器端环境(如 Node.js)
// 使用 Node.js 可以进行服务器端的开发
const http = require('http');
http.createServer((req, res) => {
res.writeHead(200, {'Content-Type': 'text/plain'});
res.end('Hello from Node.js!\n');
}).listen(8080);
// 3. 桌面应用环境(通过 Electron 等框架)
// 以下是一个简单的示例(假设在 Electron 环境中)
const { app, BrowserWindow } = require('electron');
let win;
function createWindow() {
win = new BrowserWindow({width: 800, height: 600});
win.loadFile('index.html');
}
app.on('ready', createWindow);