JavaScript 简介

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);