JavaScript 简介
myzbx 2024-12-08 16:39 33 浏览
javaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。
JavaScript 是脚本语言
JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。
JavaScript 很容易学习。
JavaScript：直接写入 HTML 输出流
实例
您只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法，会覆盖整个文档。
JavaScript：对事件的反应
实例
alert() 函数在 JavaScript 中并不常用，但它对于代码测试非常方便。
onclick 事件只是您即将在本教程中学到的众多事件之一。
JavaScript：改变 HTML 内容
使用 JavaScript 来处理 HTML 内容是非常强大的功能。
实例
您会经常看到 document.getElementById("some id")。这个方法是 HTML DOM 中定义的。
DOM (Document Object Model)（文档对象模型）是用于访问 HTML 元素的正式 W3C 标准。
您将在本教程的多个章节中学到有关 HTML DOM 的知识。
JavaScript：改变 HTML 图像
本例会动态地改变 HTML <image> 的来源（src）：
点亮灯泡
点击以下灯泡查看效果：
点击灯泡就可以打开或关闭这盏灯
以上实例中代码 element.src.match("bulbon") 的作用意思是：检索 <img id="myimage" onclick="changeImage()" src="/images/pic_bulboff.gif" width="100" height="180"> 里面 src 属性的值有没有包含 bulbon 这个字符串，如果存在字符串 bulbon，图片 src 更新为 bulboff.gif，若匹配不到 bulbon 字符串，src 则更新为 bulbon.gif
JavaScript 能够改变任意 HTML 元素的大多数属性，而不仅仅是图片。
JavaScript：改变 HTML 样式
改变 HTML 元素的样式，属于改变 HTML 属性的变种。
实例
JavaScript：验证输入
JavaScript 常用于验证用户的输入。
实例
以上实例只是普通的验证，如果要在生产环境中使用，需要严格判断，如果输入的空格，或者连续空格 isNaN 是判别不出来的。可以添加正则来判断（后续章节会说明）：
实例
您知道吗？
JavaScript 与 Java 是两种完全不同的语言，无论在概念上还是设计上。
Java（由 Sun 发明）是更复杂的编程语言。
ECMA-262 是 JavaScript 标准的官方名称。
JavaScript 由 Brendan Eich 发明。它于 1995 年出现在 Netscape 中（该浏览器已停止更新），并于 1997 年被 ECMA（一个标准协会）采纳。
ECMAScript 版本
JavaScript 已经由 ECMA（欧洲电脑制造商协会）通过 ECMAScript 实现语言的标准化。
ECMAScript 6 也称为 ECMAScript 2015。
ECMAScript 7 也称为 ECMAScript 2016。
相关推荐
- 资深架构师亲授，从堆栈到GC，一篇文章打通任督二脉!
-
“又双叒OOM了？”“服务半夜崩了，日志全是`java.lang.OutOfMemoryError`...”“GC停顿太长，用户投诉卡顿！”如果你也常被这些问题折磨，根本症结往往在于：你对Java...
- Java JAR 启动内存参数配置指南:从基础设置到性能优化
-
在启动Java可执行JAR文件时，合理配置JVM内存参数是保障应用稳定性和性能的关键。本文将系统讲解如何通过命令行参数、环境变量等方式指定内存配置，并结合实际场景提供优化建议。一、核心内存...
- 浏览器存储"四大家族":谁才是你的数据管家?
-
当你关闭浏览器再重新打开，登录状态为何还在？购物车商品为何不会消失？这些"记忆"背后，藏着浏览器存储的"四大家族"——Cookie、localStorage、sessi...
- SOP与SIP深度解析（sop与soic）
-
SOP（标准作业程序）与SIP（标准检验程序）是确保产品质量和生产效率的两大支柱，分别聚焦于生产执行和质量验证。一、核心区别：目标与作用域维度SOP（标准作业程序）SIP（标准检验程序）定位指导“如何...
- Java 技术岗面试全景备战!从基础到架构的系统性通关攻略分享
-
Java技术岗的面试往往是一项多维度的能力检验。本文将会从核心知识点、项目经验到面试策略，为你梳理一份系统性的备战攻略！需要的同学可以私信小编【学习】一、技术基础：面试的“硬性指标”1.最重要的还是...
- C++11 新特性（c++11新特性 pdf）
-
一、核心语言革新移动语义与右值引用通过&&标识临时对象（右值），实现资源转移而非复制。例如移动构造函数将原对象资源指针转移后置空，避免深拷贝，极大优化容器操作性能。12类型推导auto：自动推导变量类...
- 2026年前每个开发者都应该学习的技能
-
优秀开发者和伟大开发者之间的差距正在快速扩大。随着AI工具的爆炸式增长、自动化工作流程和日益复杂的技术栈，开发者不能再仅仅"知道如何编码"了。在2026年及以后，您的优势不仅仅是编写代...
- 看一看，Python这四种作用域你都知道吗?
-
点赞、收藏、加关注，下次找我不迷路一、啥是作用域？先打个比方比如说，你在自己的卧室（相当于一个小空间）里放了一本书，这本书在卧室里随便你怎么看，这就是这本书在卧室这个"作用域"内...
- 抛弃立即执行函数 (IIFE)，拥抱现代 JavaScript 块级作用域
-
IIFE(ImmediatelyInvokedFunctionExpression)曾是JavaScript开发中的重要工具，但随着ES6+的块级作用域特性，我们现在有了更优雅的替代...
- 2025 年是时候重新认识 Symbol 的八大特性了?
-
大家好，很高兴又见面了，我是"高级前端进阶"，由我带着大家一起关注前端前沿、深入前端底层技术，大家一起进步，也欢迎大家关注、点赞、收藏、转发！1.什么是Symbol原始类型在J...
- 函数、表达式与控制流:Rust 的核心语法构建块
-
在上一篇中我们了解了变量与类型，本篇将深入函数、表达式与控制流的使用，让你的代码更具逻辑性。一、函数定义与调用函数是组织和复用代码的基本单元。在Rust中，使用fn关键字定义函数：///计算...
- 所有权、借用与生命周期:理解 Rust 的核心机制
-
上一篇我们学习了函数、表达式和控制流，这一篇将正式进入Rust最核心、最独特的语言机制：所有权系统。一、为什么需要所有权机制？在C/C++中，内存管理依赖开发者手动操作，容易出现野指针、重复...
- Rust 语言的借用规则:构筑安全内存管理体系的核心保障机制
-
前言在系统级编程范畴内，内存安全始终是一项极具挑战性的关键议题。Rust语言凭借其独树一帜的「借用规则」（BorrowingRules），于编译阶段便有效规避了诸如空指针、野指针以及数据竞争等一系...
- 函数编写指南:参数、返回值与作用域实战详解
-
你是否在编写函数时遇到过参数传递混乱、返回值逻辑不清晰，或者变量作用域导致的奇怪bug？别担心，这篇文章将用最通俗的语言和实战案例，带你彻底搞懂函数的核心三要素：参数、返回值与作用域。一、参数：灵活...
- 服务器频繁报错?5 步教你快速排查修复!运维必看!
-
服务器突然报错、网站打不开、数据库连不上……这些问题是不是让你头大？别慌！今天教你一套「望闻问切」的排查法，90%的服务器故障都能轻松解决！一、定位错误类型：先看日志再动手1.日志是关键系统日志...
- 一周热门
- 最近发表
- 标签列表
-
- HTML 简介 (30)
- HTML 响应式设计 (31)
- HTML URL 编码 (32)
- HTML Web 服务器 (31)
- HTML 表单属性 (32)
- HTML 音频 (31)
- HTML5 支持 (33)
- HTML API (36)
- HTML 总结 (32)
- HTML 全局属性 (32)
- HTML 事件 (31)
- HTML 画布 (32)
- HTTP 方法 (30)
- 键盘快捷键 (30)
- CSS 语法 (35)
- CSS 轮廓宽度 (31)
- CSS 谷歌字体 (33)
- CSS 链接 (31)
- CSS 定位 (31)
- CSS 图片库 (32)
- CSS 图像精灵 (31)
- SVG 文本 (32)
- 时钟启动 (33)
- HTML 游戏 (34)
- JS Loop For (32)