JavaScript 基础教程JavaScript 简介JavaScript 用法JavaScript 输出JavaScript 语法JavaScript 语句JavaScript 注释JavaScript 变量JavaScript 数据类型JavaScript 对象JavaScript 函数JavaScript 作用域JavaScript 事件JavaScript 字符串JavaScript 运算符JavaScript 比较和逻辑运算符JavaScript if...else 语句JavaScript switch 语句JavaScript for 循环JavaScript while 循环JavaScript break 和 continue 语句JavaScript typeof, null, undefinedJavaScript 类型转换JavaScript 正则表达式JavaScript 错误throw try catchJavaScript 调试JavaScript 变量提升JavaScript 严格模式 (use strict)JavaScript 使用误区JavaScript 表单JavaScript 表单验证JavaScript 验证 APIJavaScript 保留关键字JavaScript JSONjavascript :void(0) 含义JavaScript 代码规范JavaScript 函数定义JavaScript 函数参数JavaScript 函数调用JavaScript 闭包JavaScript HTML DOMJavaScript DOM- 改变 HTMLJavaScript DOM - 改变 CSSJavaScript HTML DOM 事件JavaScript DOM EventListenerJavaScript DOM 元素(节点)JavaScript 对象类型JavaScript Number 对象JavaScript 字符串(String)对象JavaScript Date 对象JavaScript Array 对象JavaScript Boolean 对象JavaScript Math 对象JavaScript RegExp 对象JavaScript window 对象JavaScript window.screen 对象JavaScript window.location 对象JavaScript window.history 对象JavaScript window.navigator 对象JavaScript 弹窗JavaScript 计时事件JavaScript CookieJS中的if和switch该如何选择?JS优化多分支结构JS中的while和for循环该如何选择?JS优化循环结构JS输出杨辉三角JS定义字符串(3种方式)JS获取字符串长度JS字符串拼接/连接(3种方式)JS字符串查找(6种方法)JS截取字符串JS字符串替换replace()JS字符串大写小写转换JS字符串比较大小JS字符串和数组之间的转换JS给字符串添加HTML标签JS去除字符串前后空格JS Unicode编码和解码JS Base64编码和解码JS在接收表单数据时过滤特殊字符JS自定义编码和解码方案

JavaScript 简介

JavaScript 是互联网上最流行的脚本语言,可用于 html 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备


JavaScript 是脚本语言

  1. JavaScript 是一种轻量级的编程语言
  2. JavaScript 是可插入 HTML 页面的编程代码
  3. JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行


JavaScript 能做什么?

JavaScript 是现代浏览器中的通用脚本语言,它能做很多事情,比如:

  • JavaScript可以修改文本内容

  • JavaScript可以更改元素的样式(css)和位置

  • JavaScript可以更改HTML属性

  • JavaScript可以隐藏和显示HTML元素

  • JavaScript可以添加和删除HTML元素

  • JavaScript可以监视鼠标单击,悬停等事件并对其做出反应

  • JavaScript可以创建警告弹出窗口,以向用户显示信息或警告消息

  • JavaScript可以在将用户输入提交到服务器之前对其进行验证

不仅仅是这些,您还可以使用JavaScript进行许多其他有趣的操作。


JavaScript 用于直接写入 HTML 输出流

document.write("<h1>JavaScript 基础教程</h1>");
document.write("<p>这是一个段落</p>");


JavaScript 用于对事件的反应

<button type="button" onclick="alert('欢迎!')">点我!</button>

alert() 函数在 JavaScript 中并不常用,但它对于代码测试非常方便

onclick 是 button 的一个事件属性,用于响应 <button> 元素的点击事件


JavaScript 用于改变 HTML 内容

JavaScript 可以用于处理 HTML 内容

x=document.getElementById("demo")  //查找元素
x.innerHTML="Hello JavaScript";    //改变内容

在接下来的章节中,我们会经常用到 document.getElementById("some id") , 这个方法是 HTML dom 中定义的

DOM ( D ocument O bject M odel)(文档对象模型)是用于访问 HTML 元素的正式 W3C 标准


JavaScript 用于改变 HTML 图像

JavaScript 能够改变任意 HTML 元素的大多数属性,而不仅仅是图片


JavaScript 用于改变 HTML 样式

JavaScript 可以用于改变 HTML 的样式

x=document.getElementById("demo")  //找到元素 
x.style.color="#ff0000";           //改变样式


JavaScript 用于验证输入

JavaScript 常用于验证用户的输入

if isNaN(x) {
    alert("不是数字")
};


JavaScript 与 Java 的关系 ?

JavaScript 与 Java 是两种完全不同的语言,无论在概念上还是设计上

Java(由 Sun 发明)是更复杂的编程语言

ECMA-262 是 JavaScript 标准的官方名称

JavaScript 由 Brendan Eich 发明。它于 1995 年出现在 Netscape 中(该浏览器已停止更新),并于 1997 年被 ECMA(一个标准协会)采纳


ECMAScript 版本

JavaScript 已经由 ECMA(欧洲电脑制造商协会)通过 ECMAScript 实现语言的标准化

年份名称描述
1997ECMAScript 1第一个版本
1998ECMAScript 2版本变更
1999ECMAScript 3添加正则表达式添加 try/catch
ECMAScript 4没有发布
2009ECMAScript 5添加 "strict mode" 严格模式
添加 JSON 支持
2011ECMAScript 5.1版本变更
2015ECMAScript 6添加类和模块
2016ECMAScript 7增加指数运算符 (**)
增加 Array.prototype.includes

ECMAScript 6 也称为 ECMAScript 2015

ECMAScript 7 也称为 ECMAScript 2016


链接: https://fly63.com/course/7_468