JavaScript

荔枝吃吃

已于 2024-03-11 11:27:33 修改

阅读量160

点赞数 10

文章标签： javascript 前端 java

于 2024-03-07 16:25:59 首次发布

本文链接：https://blog.csdn.net/qq_45853847/article/details/136532829

版权

1.事件

1.1示例

1.1.1三种改变元素内容的方法

<button οnclick='document.getElementById("demo").innerHTML=Date()'>现在的时间是？</button>              改变id为“demo”的元素的内容

<button οnclick="this.innerHTML=Date()">现在的时间是？</button>  改变自身的元素的内容

<button onclick="displayDate()">时间是？</button>

<script>
function displayDate() {
    document.getElementById("demo").innerHTML = Date();
}
</script>

<p id="demo"></p>

1.2 常见HTML事件

onchange	HTML 元素已被改变
onclick	用户点击了 HTML 元素
onmouseover	用户把鼠标移动到 HTML 元素上
onmouseout	用户把鼠标移开 HTML 元素
onkeydown	用户按下键盘按键
onload	浏览器已经完成页面加载

1.3 用途

事件处理程序可用于处理、验证用户输入、用户动作和浏览器动作：

每当页面加载时应该做的事情
当页面被关闭时应该做的事情
当用户点击按钮时应该被执行的动作
当用户输入数据时应该被验证的内容
等等

2.转义序列

代码	结果
\b	退格键
\f	换页
\n	新行
\r	回车
\t	水平制表符
\v	垂直制表符

3.字符串

3.1字符串方法

【所有字符串方法都会返回新字符串。它们不会修改原始字符串。】

3.1.1查找字符串中的字符串

【js 从零开始计算位置】

indexOf() 方法返回字符串中指定文本首次出现的索引（位置）
lastIndexOf() 方法返回指定文本在字符串中最后一次出现的索引【lastIndexOf() 方法向前进行检索（从尾到头）（假如第二个参数是 50，则从位置 50 开始检索，直到字符串的起点。）】

两种方法都接受作为检索起始位置的第二个参数

search() 方法在字符串中搜索指定值并返回匹配的位置

3.1.2 提取部分字符串n

slice(m,n) 提取字符串的m到n部分并在新字符串中返回被提取的部分【如果忽略第二个参数，则该方法将裁剪剩余部分】【或者从结尾计数 var res = str.slice(-13);】

var res = str.substring(7,13);（无法接受负的索引）

substr()-----第二个参数规定被提取部分的长度（如果省略第二个参数，将剪切字符串剩余部分，如果首个参数为负数，则从字符串的结尾计算位置）

3.1.3 替换

replace() 方法不会改变调用它的字符串。它返回的是新字符串。（大小写敏感）

3.1.4 转换为大小写

toUpperCase()-------大写
toLowerCase()------小写

3.1.5 提取字符串字符

charAt() 方法返回字符串中指定下标（位置）的字符串
charCodeAt() 方法返回字符串中指定索引的字符 unicode 编码

3.1.6 其他

concat() 连接两个或多个字符串
trim() 方法删除字符串两端的空白符
split() 将字符串转换为数组（以某个字符将字符串分割）【如果分隔符是 ""，被返回的数组将是间隔单个字符的数组】
match() 方法根据正则表达式在字符串中搜索匹配项，并将匹配项作为 Array 对象返回
如果字符串包含指定值，includes() 方法返回 true
如果字符串以指定值开头，则 startsWith() 方法返回 true，否则返回 false
如果字符串以指定值结尾，则 endsWith() 方法返回 true，否则返回 false【区分大小写】

3.2字符串模板

3.2.1模板字面量

能够嵌入表达式的格式化字符串，使用反引号 (``) 而不是引号 ("") 来定义字符串
允许多行字符串
提供一种将变量和表达式插入字符串的简单方法"字符串插值" ，即用真实值自动替换表达式。语法：${...}
允许字符串中的表达式

str = "My name is \"" + name + "\". M y age is " + age + ".";       //传统拼接方式
str = `My name is "${name}". My age is ${age}.`;        　　　　     //模板字面量方式

4.数字

4.1 数值类型

4.1.1 精度

整数（不使用指数或科学计数法）会被精确到15位
NaN 属于 JavaScript 保留词，指示某个数不是合法数【尝试用一个非数字字符串进行除法会得到 NaN（Not a Number）】
Infinity （或 -Infinity）是 JavaScript 在计算数时超出最大可能数范围时返回的值
JavaScript BigInt 变量用于存储太大而无法用普通 JavaScript 数字表示的大整数值【如需创建 BigInt，可以在整数末尾添加 n，或调用 BigInt() 函数】
安全整数是从 -（2^53-1）到 +(2^53 - 1) 的所有整数。

这是一个安全整数：9007199254740991。
不允许在 BigInt 和 Number 之间进行算术运算（类型转换会丢失信息）。
BigInt 无法进行无符号右移操作（>>>），因为它没有固定的宽度，不能有小数

4.2 数字方法

toString()	将数字作为字符串返回
toExponential()	返回以指数表示法书写的数字
toFixed()	返回带小数位数的数字
toPrecision()	返回指定长度的数字
ValueOf()	以数字形式返回数字

4.3 将变量转为数字

Number（）	返回从其参数转换而来的数字
parseFloat	解析其参数并返回浮点数
parseInt	解析其参数并返回整数[允许有空格，只返回第一个数字]

在字符串中使用引号，只要不匹配围绕字符串的引号即可相关注意事项：