百度360必应搜狗淘宝本站头条
HTML APICSS 语法HTML 游戏HTML5 支持CSS 谷歌字体
当前位置：网站首页 > 技术文章 > 正文

JavaScript简介

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

前端三层

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


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

ECMAScript

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

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


JavaScript的组成


书写语法

  1. 写在行内
Bash
<input type="button" value="确认" onclick="alert('Hello')" />
  1. 写在script标签
Bash
<script>
  alert("Hello")
</script>
  1. 写在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 语句：跳过本次执行，继续下一次执行

相关推荐

怎么恢复7z文件 7z文件删除了怎么恢复

7z是一种压缩格式的文件，它运用LZMA压缩算法，该压缩算法的输出稍后被算数编码进行处理以便后续进一步压缩，压缩比十分高。我们可以将文件压缩成这种格式，便于传输，保存，占空间少。了解更多7z文件知识...

郎酒让消费者喝得明明白白 算术题里有答案

日前，『郎酒酱香产品企业内控准则』颁布，郎酒首次公开酱香产品生产全过程，公布酱香产品产能、储能及投放计划。随后，郎酒官微向消费者发出「品控算术题」有奖问答。郎酒亮出家底，消费者踊跃留言。8天后，谜底揭...

学龄前，比识字、算术更重要的是这三件事

“为了给孩子选择一家合适的幼儿园，我曾穿梭于纽约各家幼儿园的开放日，这些幼儿员既包括主流的公立幼儿园，还包括那些遥不可及的私人幼儿园。我的目的就是想了解他们的教育理念是什么，到底厉害在哪里，看看对于我...

参加CSP-J信奥赛需要掌握数学知识

在C++语法的学习中需要储备的数学知识如下①数据类型：需要知道整数、正整数、负整数、小数、判断对错②算术运算符：加法、减法、乘法、除法、取模运算③关系表达式：大于、大于等于、小于、小...

1g米饭能做多少深蹲?今天我们来算一算

减重我们都知道3分在练，7分在吃，吃这件事情上，真的是每一口都算数。今天我们来算一笔账，1粒米饭可以做多少事情？本着认真负责的态度，今天在食物秤上称了1g米饭，是16粒。根据能量换算：100g米饭是4...

web 自动化测试，一定得掌握的 8 个核心知识点

使用cypress进行端对端测试，和其他的一些框架有一个显著不同的地方，它使用JavaScript作为编程语言。传统主流的selenium框架是支持多语言的，大多数QA会的pytho...

大话C语言:赋值运算符（c语言中赋值运算符是什么）

赋值运算符是最基本的运算符之一，用于将右侧的值或表达式的计算结果赋给左侧的变量。它是一个二元运算符，意味着它需要两个操作数：一个是目标变量（左侧），另一个是要赋给该变量的值或表达式（右侧）。赋值运算符...

Vue进阶(幺幺伍):js 将字符串转换为boolean

Boolean();参数为0、null和无参数返回false，有参数返回true。Boolean("");//输出为：falseBoolean(null);//输出为...

mongodb查询的语法(大于，小于，大于或等于，小于或等于等等)

1).大于，小于，大于或等于，小于或等于$gt:大于$lt:小于$gte:大于或等于$lte:小于或等于例子：db.collection.find({"field":{$gt:valu...

Python学不会来打我(21)python表达式知识点汇总

在Python中，表达式是由变量、运算符、函数调用等组合而成的语句，用于产生值或执行特定操作。以下是对Python中常见表达式的详细讲解：1.1算术表达式涉及数学运算的表达式。例如：a=5b...

C|数据存储地址与字节偏移、数据索引

话说C是面向内存的编程语言。数据要能存得进去，取得出来，且要考虑效率。不管是顺序存储还是链式存储，其寻址方式总是很重要。顺序存储是连续存储。同质结构的数组通过其索引表示位置偏移，异质结构的结构体通过其...

下班后累懵?4 个 JS 手写题帮你搞定前端面试高频考点

打工人下班后最痛苦的事，莫过于拖着疲惫的身子还要啃前端面试题吧？看着那些密密麻麻的JS代码，脑子都快转不动了！别担心，今天咱就用轻松的方式，带你吃透4道高频手写题，让你在面试时自信满满，再也不...

嵌入式数据库sqlite3【进阶篇】-子句和函数的使用，小白一文入门

sqlite在《嵌入式数据库sqlite3命令操作基础篇-增删改查，小白一文入门》一文中讲解了如何实现sqlite3的基本操作增删改查，本文介绍一些其他复杂一点的操作。比如where、orderby...

前缀表达式与后缀表达式（前缀表达式后缀表达式中缀表达式计算）

昨天晚上和儿子一起学习了前缀表达式和后缀表达式。这应该是字符串算式如何被计算机识别并计算的2种方法。本来是想先给他讲一个逆波兰式（后缀表达式），以后再讲前缀表达式。没想到他还挺聪明，很快就把2个都掌握...

Python快速入门教程1:基本语法、数据类型、运算符、数字字符串

Python3的基础教程，涵盖了基本语法、数据类型、类型转换、解释器、注释、运算符、数字和字符串等内容，并附有使用实例场景。Python3的基础教程，涵盖了基本语法、数据类型、类型转换、解释器、注释、...

一周热门
最近发表
标签列表