学习笔记之JavaScript——知识点（1）

最新推荐文章于 2024-04-20 11:32:21 发布

Cabbage11233333

最新推荐文章于 2024-04-20 11:32:21 发布

阅读量238

点赞数

分类专栏：学习笔记文章标签： javascript

学习笔记同时被 2 个专栏收录

8 篇文章 0 订阅

订阅专栏

javascript

5 篇文章 0 订阅

订阅专栏

JavaScript web 开发人员必须学习的 3 门语言中的一门

HTML 定义了网页的内容
CSS 描述了网页的布局
JavaScript 网页的行为
JavaScript 是脚本语言
JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。

JavaScript用法

1、HTML 中的脚本必须位于 <script>与 </script> 标签之间。
<script> 和 </script> 会告诉 JavaScript 在何处开始和结束。
脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。

2、可以在 HTML 文档中放入不限数量的脚本。
   脚本可位于 HTML 的 <body> 或 <head> 部分中，或者同时存在于两个部分中。
   通常的做法是把函数放入 <head> 部分中，或者放在页面底部。这样就可以把它们安置到同一处位置，不会干扰页面的内容。

JavaScript输出

*JavaScript 显示数据

JavaScript 可以通过不同的方式来输出数据：
使用 window.alert() 弹出警告框。
使用 document.write() 方法将内容写到 HTML 文档中。
使用 innerHTML 写入到 HTML 元素。
使用 console.log() 写入到浏览器的控制台。

*使用 window.alert()

- 可以弹出警告框来显示数据

*操作 HTML 元素

1、从 JavaScript 访问某个 HTML 元素，可以使用 document.getElementById(id) 方法。
2、使用 "id" 属性来标识 HTML 元素，并 innerHTML 来获取或插入元素内容。
3、document.getElementById("demo") 是使用 id 属性来查找 HTML 元素的 JavaScript 代码 。
innerHTML = "段落已修改。" 是用于修改元素的 HTML 内容(innerHTML)的 JavaScript 代码。

JavaScript 语法

JavaScript 字面量
在编程语言中，一般固定值称为字面量，如 3.14。
数字（Number）字面量：可以是整数或者是小数，或者是科学计数(e)。
字符串（String）字面量：可以使用单引号或双引号。
表达式字面量：用于计算
数组（Array）字面量：定义一个数组。[40, 100, 1, 5, 25, 10]
对象（Object）字面量：定义一个对象。
{firstName:”John”, lastName:”Doe”, age:50, eyeColor:”blue”}
函数（Function）字面量：定义一个函数。
function myFunction(a, b) { return a * b;}
JavaScript 变量
- 在编程语言中，变量用于存储数据值。
- JavaScript 使用关键字 var 来定义变量，使用等号来为变量赋值。
- 变量可以通过变量名访问。在指令式语言中，变量通常是可变的。字面量是一个恒定的值。
- 变量是一个名称。字面量是一个值。
JavaScript 操作符
- JavaScript使用 算术运算符 来计算值。
- JavaScript使用 赋值运算符 给变量赋值。
  - JavaScript语言有多种类型的运算符：
  
  类型实例描述
  赋值，算术和位运算符 = + - * / 在 JS 运算符中描述
  条件，比较及逻辑运算符 == != < > 在 JS 比较运算符中描述
JavaScript 语句
- 在 HTML 中，JavaScript 语句向浏览器发出的命令。语句用分号分隔。
JavaScript 关键字
- JavaScript 关键字用于标识要执行的操作。
  和其他任何编程语言一样，JavaScript 保留了一些关键字为自己所用，这些关键字在当前的语言版本中并没有使用，但在以后 JavaScript 扩展中会用到。
  例如： var 关键字告诉浏览器创建一个新的变量。
- JavaScript 变量首字母必须为字母、下划线（_）或美元符（$）。
  后续的字符可以是字母、数字、下划线或美元符（数字是不允许作为首字符出现的，以便 JavaScript 可以轻易区分开关键字和数字）。
- 以下是 JavaScript 中最重要的保留字（按字母顺序）：

类型	实例	描述
赋值，算术和位运算符	= + - * /	在 JS 运算符中描述
条件，比较及逻辑运算符	== != < >	在 JS 比较运算符中描述


abstract	else	instanceof	super
boolean	enum	int	switch
break	export	interface	synchronized
byte	extends	let	this
case	false	long	throw
catch	final	native	throws
char	finally	new	transient
class	float	null	true
const	for	package	try
continue	function	private	typeof
debugger	goto	protected	var
default	if	public	void
delete	implements	return	volatile
do	import	short	while
double	in	static	with

- JavaScript 操作符
- 不是所有的 JavaScript 语句都是”命令”。双斜杠 // 后的内容将会被浏览器忽略。

JavaScript 数据类型
- JavaScript 有多种数据类型：数字，字符串，数组，对象等等。
  例如：
  var length = 16; // Number 通过数字字面量赋值
  var points = x * 10; // Number 通过表达式字面量赋值
  var lastName = “Johnson”; // String 通过字符串字面量赋值
  var cars = [“Saab”, “Volvo”, “BMW”]; // Array 通过数组字面量赋值
  var person = {firstName:”John”, lastName:”Doe”}; // Object 通过对象字面量赋值
JavaScript 函数
- JavaScript 语句可以写在函数内，函数可以重复引用：
  引用一个函数 = 调用函数(执行函数内的语句)。
JavaScript 字母大小写
- JavaScript 对大小写是敏感的。
  当编写 JavaScript 语句时，请留意是否关闭大小写切换键。
  函数 getElementById 与 getElementbyID 是不同的。
  同样，变量 myVariable 与 MyVariable 也是不同的。
JavaScript 字符集
JavaScript 使用 Unicode 字符集。
Unicode 覆盖了所有的字符，包含标点等字符。