专题学习（js）

1. JS使用

1、直接嵌入HTML页面。
2、由浏览器解释执行代码，不进行预编译。
3、JS不区分单引号和双引号。
4、常量不用定义，直接写。如：'abc'  12。
5、变量用var声明，如var num = 100；变量名区分大小写，允许包含字母、数字、美元符号($)和下划线，但第一个字符不允许是数字，不允许包含空格和其他标点符号。

1. DOM（document object model文档对象模型）：JS语言和Html/Xml标签之间沟通的一个桥梁。

• 1. 为了方便javascript语言通过dom操作html比较方便，把html标签的内容划分为以下几个节点：

文档节点(document)
元素节点 也叫标签 getElementsByTagName
文本节点
属性节点 type=”text” name=”username”
注释节点

• 2. 元素节点的获取：

//dom就是学习利用JS如何实现对Html标签增删改查。
//documnet：是页面中的内置对象，内置对象简单理解就是已经new好的一个对象，对象的名字就叫document。
document.getElementById( id属性值);
document.getElementsByTagName("标签名")；

1. JavaScript数据类型

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-iFpIzmGu-1663980047290)(https://s3-us-west-2.amazonaws.com/secure.notion-static.com/e31b50a2-405e-44c2-b4f3-34b9323f1de3/Untitled.png)]

			// int num;
			// js弱类型语言 java：强类型语言
			//没有初始化的变量自动取值为undefined。
			//这个变量值为null表示这个变量已经赋值了，这个值正好是null。
			//声明变量统一使用var声明，声明的时候变量是没有类型。
			//但是变量赋值之后就有类型，这个变量的类型就是赋值给这个变量值的类型。
			var num;
			console.log(num);//undefined
			console.log(typeof(num));//undefined
			num = 3.14;
			console.log(num);//3.14
			console.log(typeof(num));//number
			num = 'js';
			console.log(num);//js
			console.log(typeof(num));//string
			num = true;
			console.log(num);//true
			console.log(typeof(num));//boolean
			num = null;
			console.log(num);//true
			console.log(typeof(num));//object

• 关系运算符：

//全等：===
//不全等：!==
//判断值是不是相等 ，还有类型是不是相等。
var m = '3';//string
			var n = 3;//number
			if (m == n) {
				console.log(m==n) //值相等就行
			}
			if (m === n) {
				console.log('m===n') //值相等，类型也要相等
			}

• String：

/*创建String对象有两种方式
1、var str1 = "hello js!";
2、var str2 = new String("hello js!");
String属性：length
str1.length; // 9

String常用的方法：
1、大小写转换
str.toLowerCase();
str.toUpperCase();
var str = "Hello jS!";
console.log(str.toLowerCase());//hello js!
console.log(str.toUpperCase());//HELLO JS！
2、获取指定字符：
str.charAt(index)      返回指定位置的字符
index：字符位置
console.log(str.charAt(6));//j
3、查询指定字符串出现索引
str.indexOf(findstr, [index]);

str.indexOf(findstr);
str.indexOf(findstr,index);
str.indexOf(findstr,[index])

str.lastIndexOf(findstr, [index]);
使用说明：
findstr:查找的字符串
index:开始查找的位置索引，可以省略
返回findstr在x中出现的首字符位置索引，如果没有找到则返回-1
lastIndexOf:从后面找起

4、split() 方法用于把一个字符串分割成字符串数组。
x.split(separator,howmany)
separator : 字符串或正则表达式，从该参数指定的地方分割 stringObject
howmany:指定返回数组的最大长度，可以省略
返回分割后的字符串数组*/
var str = 'Hello JS and Java';
			console.log(str.indexOf('JS'));//6
			console.log(str.indexOf('JS', 9));//-1
			console.log(str.lastIndexOf('JS'));//6
			console.log(str.toLowerCase());
			console.log(str.toUpperCase());
			var str1 = 'how are you doing today';
			var array = str1.split(' ');
			console.log(array);
			console.log(array[1]);
			console.log('2:3:4:5'.split(':'));

• Boolean:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-2uS72CF6-1663980047292)(https://s3-us-west-2.amazonaws.com/secure.notion-static.com/c588a99c-679c-46b2-ad2c-4c871dd076d8/Untitled.png)]

//在JS里面一切表示空的值都是false，非空的值都是true。

• Array对象：

1.创建数组对象
int[] array; String[] array;
var array1 = new Array();//创建一个空的数组
var array2 = new Array(7);//创建长度是7的数组
var array3 = new Array(100, "a", true);
var array4 = [100, 200, 300]

2.获取数组元素的个数：length属性
var array1 = new Array(7);
console.log(array1.length);//7
var array2 = new Array(100, "a", true);
console.log(array2.length);//3
//创建一个空数组
//数组长度是可变
var array = new Array();
array[0] = "232";
console.log(array);//["232"]
console.log(array.length);//1
array[1] = true;
console.log(array);//["232", true]
console.log(array.length);//2

3.使用push和pop分别对应栈操作的入栈和出栈
var arr = new Array();
arr.push("zhangsan");
console.log(arr);//["zhangsan"]
arr.push(false)
console.log(arr);//["zhangsan", false]
arr.push(45)
console.log(arr);//["zhangsan", false, 45]
//console.log(arr[2]);//45
console.log(arr.pop());//45
console.log(arr.pop());//false
console.log(arr.pop());//zhangsan

• Math:数学相关操作:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Jdk7vbPt-1663980047294)(https://s3-us-west-2.amazonaws.com/secure.notion-static.com/5f43d802-e912-4127-a19a-1c7f562e0a42/Untitled.png)]

• eval:

console.log(eval('2+3')); //5
eval('var x=10;var y=20;
console.log(x*y);'); //200

//eval
//它的功能是把 对应的字符串解析成JS代码并运行
//应该避免使用eval,不安全,非常耗性能(2次,一次解析成js语句,一次执行)
//由JSON字符串转换为JSON对象的时候可以用eval

//innerText 直接当成一个字符串展示
//innerHtml 将内容当成html来解析