HTML中引入JS与JS基础-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_41988545/article/details/106685964

怎么在html中引入js?

直接写在html页面中:

<script>
    alert(123)
</script>

外部导入js文件:

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="./js.js"></script>
</head>

JS的类型：

•声明一个变量
•JavaScript在声明时统一使用无类型（untyped）的“var”关键字
•var来声明一个变量,这是一个固定的写法，是js的语法。
•JavaScript并没有避开数据类型，它的数据类型是根据所赋值的类型来确定的。
•JavaScript 对大小写敏感
Html 不敏感
•变量名有命名规范：
•只能由英语字母、数字、下划线、美元符号$构成，且不能以数字开头，并且不能是JavaScript保留字
•如果重新声明 JavaScript 变量，该变量的值不会丢失
•在以下两条语句执行后，变量 carname 的值依然是 "Volvo"：
•var carname="Volvo";
•var carname;
•(let const) 
•let 和 const 关键字是 ES6 的新语法，主要用来取代 var 来定义变量。ES6 出了这么一个简单的新语法其实足以说明JS有很多不好的地方，而其中之一就是变量声明。

事件和函数：

我们可以通过事件和函数的对应关系
事件监听
函数执行
把html和js 关联起来

Number：

•toString() 以字符串返回数值
•var ii = 123
•console.log(typeof  ii)
•console.log(typeof ii.toString())
•toFixed() 返回字符串值，它包含了指定位数小数的数字(四舍五入)：
•var x = 9.6544;
•x.toFixed(2);           // 返回 9.65
•toPrecision() 返回字符串值，它包含了指定长度的数字：
•var x = 9.656;
•x.toPrecision();        // 返回 9.656
•x.toPrecision(2);       // 返回 9.7
•MAX_VALUE 返回 JavaScript 中的最大数字。
•var x = Number.MAX_VALUE;
•MIN_VALUE 返回 JavaScript 中的最小数字。
•var x = Number.MIN_VALUE;

•parseInt() 方法
•允许空格。只返回首个数字：
•parseInt("10");         // 返回 10
•parseInt("10.33");      // 返回 10
•parseInt("10 20 30");   // 返回 10
•parseInt("10 years");   // 返回 10
•parseInt("years 10");   // 返回 NaN
• parseFloat() 方法。
•允许空格。只返回首个数字：
•parseFloat("10"); // 返回 10
•parseFloat("10.33"); // 返回 10.33
•parseFloat("10 20 30"); // 返回 10
•parseFloat("10 years"); // 返回 10
•parseFloat("years 10"); // 返回 NaN

String：

•length 属性返回字符串的长度
•var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
•var sln = txt.length;
•indexOf()方法返回字符串中指定文本首次出现的索引（位置）：
•var str = "The full name of China is the People's Republic of China.";
•var pos = str.indexOf("China");
•var pos = str.indexOf("China", 28);
•indexOf() 不存在返回 -1。
•slice() 提取字符串的某个部分并在新字符串中返回被提取的部分。
•var str = "Apple, Banana, Mango";
•var res = str.slice(7,13);//裁剪字符串中位置 7 到位置 13 的片段
•split() 将字符串转换为数组
•var txt = "a,b,c,d,e";   // 字符串
•txt.split(",");          // 用逗号分隔
•txt.split(" ");          // 用空格分隔
•txt.split("|");          // 用竖线分隔
如果分隔符是 ""，被返回的数组将是间隔单个字符的数组：

Array：

•toString() 返回数组转换的数组值（逗号分隔）的字符串。
•var fruits = ["Banana", "Orange", "Apple", "Mango"];
•alert(fruits.toString()); //Banana,Orange,Apple,Mango
•pop() 方法从数组中删除最后一个元素,返回删除的元素
•fruits.pop();              // 从 fruits 删除最后一个元素（"Mango"）
•var x = fruits.pop();      // x 的值是 "Mango"
•push() 方法（在数组结尾处）向数组添加一个新的元素,返回数组长度
•fruits.push("Kiwi");       //  向 fruits 添加一个新元素
•splice() 方法可用于向数组添加新项, 返回([])
•fruits.splice(2, 0, "Lemon", "Kiwi");
•// 第一个参数:添加新元素的起始位置。第二个参数:定义应删除多少元素。
•// 其余参数（“Lemon”，“Kiwi”）定义要添加的新元素。
•sort() 方法以字母顺序对数组进行排序,返回值和原数组是经过排序的数组
•fruits.sort();            // 对 fruits 中的元素进行排序
•reverse() 方法反转数组中的元素。返回值和原数组都变为经过反转数组
•fruits. reverse();            // 对 fruits 中的元素进行排序

Math:

•Math.ceil(x)返回大于等于x的最小整数
•Math.floor(x)返回小于等于x的最大整数
•Math.random() 返回 0 ~ 1 之间的随机数 
•Math.round(x) 把一个数四舍五入为最接近的整数。
•Math.max(x,y,z,...,n)	返回最高值
•Math.min(x,y,z,...,n)	返回最低值