JavaScript学习笔记

最新推荐文章于 2024-03-08 23:01:16 发布

唐糖棠糖

最新推荐文章于 2024-03-08 23:01:16 发布

阅读量180

点赞数

分类专栏： JavaScript 文章标签： JavaScript

本文链接：https://blog.csdn.net/m0_37278692/article/details/93394863

版权

JavaScript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

`<head>`中的js

如果是不需要一载入网页就要执行的脚本，可以放置在head部分，当某事件被触发时，再调用相应的js脚本。

`<body>`中的js

提示：把脚本置于<body> 元素的底部，可改善显示速度，因为脚本编译会拖慢显示

JavaScript 显示方案

alert(" ") 弹出警告框
document.write() 写入Html输出，会重新生成Html页面，仅作测试使用
document.getElementId(" ").innerHtml=str; 通过id写入HTML元素
console.log(" ") 按F12打开控制台看到

JavaScript标识符

和Java类似，对大小写敏感。命名建议使用驼峰命名法

JavaScript 数据类型

字符串（string）
数字（number）
布尔（boolean）
对象（object）
函数（function）

JavaScript是动态，弱类型的语言，一个变量可以多次跨类型赋值
运算从左到右，赋值从右到左

NaN 的数据类型是数值
数组的数据类型是对象
日期的数据类型是对象
null 的数据类型是对象
未定义变量的数据类型是 undefined
尚未赋值的变量的数据类型也是 undefined

Number() 转换数值，String() 转换字符串，Boolean() 转换布尔值。
Undefined 与 null 的值相等，但类型不相等

常见HTML事件

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

比较

当使用 === 运算符时，相等字符串是不相等的，因为 === 运算符需要类型和值同时相等，相当于Java中的==
当使用 == 相等运算符时，相等字符串是相等的，相当于Java中的equals()
switch 语句中使用严格比较

JavaScript内置函数

alert() 显示一个警告对话框，包括一个OK按钮
confirm() 显示一个确认对话框，包括一个OK，Cancel按钮
prompt() 显示一个输出对话框，提示等待用户输入
isNaN() 用于判断参数是否是数值类型的数据，如果是NaN，则返回true，如果是数值，返回false。可以用来验证用户输入的手机号等纯数值数据是否合法。

数组对象

一些常用方法
isArray() 判断是否为数组
toString() 把数组转换为数组值（逗号分隔）的字符串
join() 方法也可将所有数组元素结合为一个字符串。它的行为类似 toString()，但是可以规定分隔符
pop() 从数组中删除最后一个元素
shift() 会删除首个数组元素，并把所有其他元素“位移”到更低的索引
push() （在数组结尾处）向数组添加一个新的元素，返回新数值的长度
unshift() （在开头）向数组添加元素，并“反向位移”旧元素，返回新数值的长度
delete() 会在数组留下未定义的空洞。请使用 pop() 或 shift() 取而代之
splice() 可用于向数组添加新项，返回一个包含已删除项的数组
concat() 通过合并（连接）现有数组来创建一个新数组，不会更改现有数组。它总是返回一个新数组，可以使用任意数量的数组参数
slice() 用数组的某个片段切出新数组，创建新数组。不会改变原数组
sort() 以字母顺序对数组进行排序
reverse() 反转数组中的元素
filter() 创建一个包含通过测试的数组元素的新数组
indexOf() 在数组中搜索元素值并返回其位置
lastIndexOf() ，从数组结尾开始搜索
find() 方法返回通过测试函数的第一个数组元素的值

字符串对象

indexOf() 在字符串中搜索元素值并返回其位置
lastIndexOf() ，从字符串结尾开始搜索
search() 使用表达式来搜索匹配，然后返回匹配的位置
slice() 提取字符串的某个部分并在新字符串中返回被提取的部分
substring() 类似于 slice() substring() 无法接受负的索引
substr() 类似于 slice()，不同之处在于第二个参数规定被提取部分的长度
replace() 返回模式被替换处修改后的字符串
concat() 连接两个或多个字符串
trim() 删除字符串两端的空白符
charAt() 返回字符串中指定下标（位置）的字符串
charCodeAt() 返回字符串中指定索引的字符 unicode 编码

Math

Math.round(x) 的返回值是 x 四舍五入为最接近的整数
Math.ceil(x) 的返回值是 x 上舍入最接近的整数
Math.floor(x) 的返回值是 x 下舍入最接近的整数
Math.min() 和 Math.max() 可用于查找参数列表中的最低或最高值
Math.random() 返回介于 0（包括）与 1（不包括）之间的随机数

类型转换表

在这里插入图片描述

正则表达式

search() 使用表达式来搜索匹配，然后返回匹配的位置。search("/W3School/i")
replace() 返回模式被替换处修改后的字符串。replace("/W3School/i",hello)
在这里插入图片描述

JSON

JSON 是存储和传输数据的格式
JSON 经常在数据从服务器发送到网页时使用

数据是名称/值对 在 JSON 中，字符串值必须由双引号编写
数据由逗号分隔
花括号保存对象
方括号保存数组
JavaScript 的内建函数 JSON.parse() 来把这个字符串转换为 JavaScript 对象
与之相对的为JSON.stringify()将对象转化为JSON字符串

JSON 文件的文件类型是 “.json”
对于 AJAX 应用程序，JSON 比 XML 更快更易用

未完待续。。。