【HTML、-HX学习】网页前端学习笔记（五）

Mo_none

已于 2022-02-10 19:44:42 修改

阅读量568

点赞数 1

分类专栏： HTML学习文章标签：前端 html

于 2022-02-09 19:51:04 首次发布

本文链接：https://blog.csdn.net/Mo_none/article/details/122835041

版权

HTML学习专栏收录该内容

7 篇文章 0 订阅

订阅专栏

今天是JaveScript的学习视频链接，p13-p19

介绍：面对对象、解释型、（ECMAScript基础语法、DOM文档对象模型、BOM浏览器对象模型）

5.类型转换//未完，下次继续2月9

10.内置函数//未完，下次继续2月10

介绍：面对对象、解释型、（ECMAScript基础语法、DOM文档对象模型、BOM浏览器对象模型）

1.行内js（在html标签上直接写js代码）

2.内部js（在script标签中写js代码，script标签可以放在hesd中或body中，建议body）

3.外部js（定义js文件，通过script标签的src属性引入对应的js文件）

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>基本使用</title>
	</head>
	<body>
		<button onclick="alert('hello world!');">按钮</button>
		<script type="text/javascript">
			alert("这是一个按钮！")
		</script>
		<script src="js/text.js" type="text/javascript" charset="UTF-8">
			//*alert(1)*无效//
		</script>
	</body>
</html>


js/text.js：

alert("这是一个按钮！")
console.log("这是引入外部js文件")
//*检查-console-里面可以查找**//

1.JaveScript基础语法:

1.语句和注释

、 /* */ 、//

2.标识符和关键字

由Unicode字母、_、$、数字组成、中文组成

标识符规则：不以数字开头、不用关键字和保留字、严格区分大小写

标识符规范：见者知意、驼峰命名或下划线规则

3.变量。（以句号来区分重点）

变量即一个带名字的用来存储数据的内存空间，数据可以存储的变量中，也可以从变量中取出数据。

可以不使用var声明（不建议）；

（1.）变量的声明:

JavaScript在声明变量时不需要指明数据类型，直接var修饰符进行声明

（2.）变量的注意力：

1.若只声明而没有赋值，则该变量的值为undefined。

2.变量需要定义才能使用，若变量未声明就使用，javascript会报错，告诉你变量未定义

3.可以在同一条var命令中声明多个变量

4.若使用var重新声明一个已经存在的变量，是无效的

5.若使用var重新声明一个已经存在的变量且赋值，则会覆盖掉前面的值

6.JavaScript是一种动态类型，弱类型语言，也就是说，变量的类型没有限制，可以赋予各种类型的值。

（3.）变量的提升：

JavaScript引擎的工作方式是，先解析代码，获取所有被声明的变量，然后再一行一行地运行。这造成的结果，就是所有的变量的声明语句，都会被提升的代码的头部，这就叫做变量提升。（只对var有用）

4.数据类型

数据有类型，变量无类型。

1.undefined，表示值不存在

出现的情况：

1.变量只声明未赋值，值为undefined

2.当定义函数需要形参，调用函数未传递实参时，参数的值为undefined

3.当函数没有返回值，接收值为undefined

2.null，表示一个空对象引用

注意：

1）使用typeof操作符测试null返回object字符串

2）undefined派生自null，所以等值比较返回值是true。末初始化的变量和赋值为null的变量相等。

3.布尔类型

布尔类型有两个值：true、false。常用来判断和循环的条件。

4.数值型

整型和浮点型

5.字符串

+进行拼接

6.对象

5.类型转换

1.自动类型转换

1.转字符串，所有的值转字符串都是加引号

2.转布尔型，有值为true，无值为false（0）

3.转数值型，空0，非数值NaN。

2.函数转换

parseInt（）转整数型

parseFloat（）转浮点型

注：转换时从值的第零个位置开始找有效数字，直到找到无效数字位置

3.显示转换

toString 将值转换成字符串

toFlxed 保留指定小数位

注：值不能为null

6.运算符

赋值和扩展运算符 %余等

==判断值

===判断类型

？：如果否则，3>5?3:5 成立为3，否则为5

7.控制语句

if...else....

switch...case...break...;defoalt...break.

while(判断条件语句）{循环体语句；控制条件语句；//少了容易出现死循环}

for

8.数组。

隐式定义

直接实例化

定义数组并设置长度

var 数组名=New Array（size）；

		//获取指定下标的值
		console.log(arr2[1]);
		//如果下标不存在
		console.log(arr2[10]);
		//设定指定下标的值
		arr2[1]=20
		console.log(arr2);
		//获取数组的长度
		console.log(arr3.length);
		//设置数组的长度
		arr3.length = 5;
		console.log(arr3);
		//设置数组的属性
		arr3.name = "zhangsan";
		console.log(arr3);
		arr3["pwd"] = "123456";
		console.log(arr3);
		//获取数组的属性
		console.log(arr3["name"])

forEach遍历循环

array提供了一些添加数组的方法

9.函数。function

函数也是对象，只有这里有范围问题

注意for和function中的”“问题

1.实参可省，形参undefined

2.如果形参名相同，则最后一个参数为准

3.可以设置参数的默认值

4.参数为值传递，传递副本；参数是是引用传递，则传递的是地址，操作的是同一对象

返回值：结束、调用

10.内置函数