介绍前端开发aiday02-javascript.pptx

Web前端开发（AI）JavaScript

什么是JavaScriptWeb标准也称网页标准，由一系列的标准组成，大部分由W3C（WorldWideWebConsortium，万维网联盟）负责制定。三个组成部分：HTML：负责网页的结构（页面元素和内容）。CSS：负责网页的表现（页面元素的外观、位置等页面样式，如：颜色、大小等）。JavaScript：负责网页的行为（交互效果）。

什么是JavaScriptJavaScript（简称：JS）是一门跨平台、面向对象的脚本语言，是用来控制网页行为，实现页面的交互效果。JavaScript和Java是完全不同的语言，不论是概念还是设计。但是基础语法类似。组成：ECMAScript:规定了JS基础语法核心知识，包括变量、数据类型、流程控制、函数、对象等。BOM：浏览器对象模型，用于操作浏览器本身，如：页面弹窗、地址栏操作、关闭窗口等。DOM：文档对象模型，用于操作HTML文档，如：改变标签内的内容、改变标签内字体样式等。ECMA：ECMA国际（前身为欧洲计算机制造商协会），制定了标准化的脚本程序设计语言ECMAScript，这种语言得到广泛应用。而JavaScript是遵守ECMAScript的标准的（ES2024是必威体育精装版版本）。

JS核心语法JS事件监听

JS核心语法引入方式基础语法DOM01

JS引入方式内部脚本：将JS代码定义在HTML页面中JavaScript代码必须位于script/script标签之间在HTML文档中，可以在任意地方，放置任意数量的script一般会把脚本置于body元素的底部，可改善显示速度body?!--页面内容--

?script??alert(HelloWorld);?/script/body外部脚本：将JS代码定义在外部JS文件中，然后引入到HTML页面中scriptsrc=js/demo.js/scriptalert(HelloWorld);demo.jsbody

?script??//.....大量JS代码?/script!--页面内容--h1HelloJS/h1imgsrc=img/1.jpg/body

JS引入方式内部脚本：将JS代码定义在HTML页面的script/script中(body的底部)外部脚本：将JS代码定义在JS文件中，通过scriptsrc=/script标签引入JS书写规范结束符：每行结尾以分号结尾，结尾分号可有可无

JS核心语法引入方式基础语法DOM01

JS核心语法引入方式基础语法变量数据类型函数自定义对象DOM01

变量常量JS中用let关键字来声明变量(弱类型语言，变量可以存放不同类型的值)。变量名需要遵循如下规则：只能用字母、数字、下划线（_）、美元符号（$）组成，且数字不能开头变量名严格区分大小写，如name和Name是不同的变量不能使用关键字，如：let、var、if、for等script??//变量??leta=20;??a=Hello;??alert(a);/scriptJS中用const关键字来声明常量。一旦声明，常量的值就不能改变（不可以重新赋值）。script//常量??constPI=3.14;????console.log(PI);/scriptPI=3.5;

变量/常量特点：JS是弱类型语言，变量可以存放不同类型的值声明： let：声明变量 const：声明常量，一旦声明，常量的值不能改变注意：在早期的js中，声明变量还可以使用var，但是并不严谨(不推荐)2.输出语句window.alert()?：弹出警告框(使用频次较高)console.log()：写入浏览器控制台(使用频次较高)document.write()?：向HTML的body内输出内容

JS核心语法引入方式基础语法变量数据类型函数自定义对象DOM01

数据类型JavaScript的数据类型分为：基本数据类型和引用数据类型（对象）。基本数据类型：number：数字（整数、小数、NaN(NotaNumber)）boolean：布尔。true，falsenull：对象为空。JavaScript是大小写敏感的，因此null、Null、NULL是完全不同的undefined：当声明的变量未初始化时，该变量的默认值是undefinedstring：字符串，单引号、双引号、反引号皆可，推荐使用单引号使用typeof运算符可以获取数据类型：script??leta=20;??alert(typeofa)