JavaScript快速入门

  1. 认识JavaScript/JS/javascript
  • 特性:
     编程语言:可以编写有处理逻辑的程序的语言
     脚本语言:可以编写具有简单功能处理的、运行与特定环境的小程序操作
     弱类型语言:对于数据类型的存储操作可以自动适应
     跨浏览器:目前主流的任意浏览器都可以操作
     运行环境:浏览器引擎[JS解释器]、NodeJS平台
     解释运行:解释一行,执行一行

  • 第一个JS程序
    JS代码,在前端开发过程中,需要写到标签中
    alert(“信息”); 控制浏览器弹出一个警告对话框
    document.write(“信息”); 在浏览器的网页中,输出write()定义的信息
    console.log(“信息”);在浏览器的控制台窗口中,输出一段信息
    JS代码,建议在每一行代码的末尾,添加分号[尽管可以不添加]

// JS中的单行注释
/* JS中的多行注释开头
*/ JS中的多行注释结尾




网页标题



  1. JavaScript发展历程——标准化的重要性
  • web发展-> 网站的概念-> 网站实体-> 展示数据
    HTML标记数据
    CSS修饰数据
    运行在浏览器端的程序(脚本语言)-> 控制数据展示的动态效果
    NS-> C-- -> ScriptEase
     百家争鸣->各种脚本语言诞生
     LiveScript-> [Java/SUN]-> JavaScript
     Microsoft 介入-> JScript
     JavaScript + Sun + ISO-> 标准化语法:ECMAScript
     要求:任何工作在浏览器端的脚本语言,必须满足ECMAScript语法规范,否则浏览器可以不予支持!
     JS开始了快速的发展
     2012~2017年间:
     之前:脚本语言只是脚本语言,运行在浏览器客户端
     之间/未来:可以实现服务端编程!
     同时:出现了真实的面向对象!
     出现了突飞猛进的发展
    浏览器产品-> 好多家浏览器厂商研发-> 承载数据
  1. JavaScript基本语法
  • 使用场景
     安装、配置、开发环境
     基本语法、数据类型、运算符、变量
     基本使用案例
     程序结构:选择结构
     程序结构:循环结构
     函数声明和调用
     常见工作类型
     异常操作、面向对象…
     高级开发
  • JS使用场景(web网络开发):
    客户端编程:编写在HTML中/js脚本文件中,运行在浏览器中[脚本]
    主要实现:网页特效、数据验证、数据交互
    服务端编程:编写在服务器上js脚本文件中,运行在Node平台上
    主要实现:服务端软件的功能流程处理[编程]
  • 安装、配置、开发环境
     安装:客户端编程 不需要安装【服务端开发:需要安装NodeJS环境】
     配置:客户端编程 不需要配置【服务端开发:需要配置开发环境】
     开发环境:客户端编程~浏览器环境【浏览器引擎对象中包含了JS解释器】
  • 服务端编程~NodeJS运行

3.1. 基本语法:在HTML网页中,编写的脚本程序

  • 代码位置:三个位置
    参考样式:标签内嵌style属性、网页内嵌