当前位置：网站首页 > 技术文章 > 正文

JavaScript简介

myzbx 2024-12-01 18:27 32 浏览

前端三层

HTML 结构层
CSS 样式层
JavaScript 行为层

浏览器就是运行 JavaScript 脚本语言的客户端，用来给网页增加的动态功能

ECMAScript

Javscript，JScript，ActionScript 等脚本语言都是基于ECMAScript 标准实现的。
在 JavaScript，JScript 和 ActionScript 中声明变量，操作数组等语法完全一样，因为它们都是

ECMAScript。但是在操作浏览器对象等方面又有各自独特的方法，这些都是各自语言的扩展。

JavaScript的组成

书写语法

写在行内

<input type="button" value="确认" onclick="alert('Hello')" />

写在script标签

<script>
  alert("Hello")
</script>

写在js文件中，页面引入

<script src="hello.js" />

常用函数

alert :警示警告
prompt :提示
console 控制台

字面量

字面量（literal）是用于表达一个固定值的表示法，又叫常量

数字

整数

十进制：逢十进一，每个位数只能是0-9之间的数字
八进制：逢八进一，每个位数上只能是0-7之间的数字，而且必须添加前缀，0、0O、0o。
十六进制：逢十六进一，每个位数上必须是0-9、a-f之间的符号，必须写前缀，0x、0X开头

浮点数：关注精度问题
特殊值

Infinity 无穷
NaN

字符串

什么是变量？

变量（variables）是计算机内存中存储数据的标识符，根据变量名称可以获取到内存中存
储的数据。
变量相当于一个容器，内部可以存储任意类型的数据，使用变量时，用的是内部存储的数
据。

数据类型

简单数据类型

Number
String
underfined
Boolean
null
Object:复杂类型

检测数据类型

使用方式 typeof()

数据类型转换

操作符

算术运算符

+ - * / % （）

比较运算符

> < >= <= == != === !==

逻辑运算符

&& || !

赋值运算符

= += -= *= /= %= ++ --

一元运算符

运算优先级

1. () 优先级最高
2. 一元运算符 ++ -- !
3. 算数运算符先* / % 后+ -
4. 关系运算符 > >= < <=
5. 相等运算符 == != === !==
6. 逻辑运算符先&& 后||
7. 赋值运算符

循环语句

for 循环
do while 循环
while 循环
break 语句：跳出循环
continue 语句：跳过本次执行，继续下一次执行

HTML 简介

上一篇：JavaScript | 介绍以及简单运行
下一篇：HTML DOM 介绍

JavaScript简介

前端三层

ECMAScript

JavaScript的组成

书写语法

常用函数

字面量

什么是变量？

数据类型

操作符

循环语句

相关推荐

使用VSCode模板提高Vue开发效率（vscode开发vue3）

吃透 Vue 项目开发实践|16个方面深入前端工程化开发技巧【下】

这么牛逼的cursor功能，赶紧用起来

用上Vue3，你真的变了吗?（vue3 key）

说下你的vue项目的目录结构，该怎么划分?

8.7k star，一款超炫酷的动态可视化大屏项目

移动前端重构实战系列:5-7章（前端移动端主要技术有哪些）

20个免费音乐音效下载网站，无版权素材商业影片也可用

什么是“恒定光圈”，什么是“浮动光圈”?-摄影早自习第331

谷歌SEO:外贸电商网站On-page SEO优化实战「附案例」