建设工程报建网站查询,试客网站程序源码,注册公司需要多少费用,网站颜色背景代码一、js组成
JavaScript的组成 ECMAScript: 规定了js基础语法核心知识。 比如#xff1a;变量、分支语句、循环语句、对象等等 Web APIs : DOM 文档对象模型#xff0c; 定义了一套操作HTML文档的API BOM 浏览器对象模型#xff0c;定义了一套操作浏览器窗口的API 二、loc…一、js组成
JavaScript的组成 ECMAScript: 规定了js基础语法核心知识。 比如变量、分支语句、循环语句、对象等等 Web APIs : DOM 文档对象模型 定义了一套操作HTML文档的API BOM 浏览器对象模型定义了一套操作浏览器窗口的API 二、location对象
location (地址) 它拆分并保存了 URL 地址的各个组成部分 它是一个对象
属性/方法说明href属性获取完整的 URL 地址赋值时用于地址的跳转search属性获取地址中携带的参数符号 后面部分hash属性获取地址中的啥希值符号 # 后面部分reload()方法用来刷新当前页面传入参数 true 时表示强制刷新
三、histroy对象 history (历史)是对象主要管理历史记录 该对象与浏览器地址栏的操作相对应如前进、后退等 四、本地存储重点
1localStorage
作用: 数据可以长期保留在本地浏览器中刷新页面和关闭页面数据也不会丢失
特性以键值对的形式存储并且存储的是字符串 省略了window 本地查看浏览器存储数据 存储复杂类型时需要进行一些操作localStorage 存储复杂数据类型
问题本地只能存储字符串,无法存储复杂数据类型.
解决需要将复杂数据类型转换成 JSON字符串,在存储到本地
语法JSON.stringify(复杂数据类型)
JSON字符串 首先是1个字符串 属性名使用双引号引起来不能单引号 属性值如果是字符串型也必须双引号 a:localStorage 存储复杂数据类型 const student {name: 张三,age: 12,};localStorage.setItem(student, JSON.stringify(student));console.log(localStorage.getItem(student)); b:localStorage 读取复杂数据类型
问题因为本地存储里面取出来的是字符串不是对象无法直接使用
解决 把取出来的字符串转换为对象
语法JSON.parse(JSON字符串) // 本地存储复杂数据类型const goods {name: 小米,price: 1999}//普通数据类型存储获取// localStorage.setItem(goods, goods)// console.log(localStorage.getItem(goods))//复杂数据类型// 1. 把对象转换为JSON字符串 JSON.stringifylocalStorage.setItem(goods, JSON.stringify(goods))// 2. 把JSON字符串转换为对象 JSON.parseconsole.log(JSON.parse(localStorage.getItem(goods))) 2sessionStorage
特性 用法跟localStorage基本相同 区别是当页面浏览器被关闭时存储在 sessionStorage 的数据会被清除
存储sessionS
const arr [red, blue, pink]// 1. 数组 map方法 处理数据并且 返回一个数组const newArr arr.map(function (ele, index) {// console.log(ele) // 数组元素// console.log(index) // 索引号return ele 颜色})
console.log(newArr)
torage.setItem(key,value)
获取sessionStorage.getItem(key)
删除sessionStorage.removeItem(key)
五、map和join的用法
1数组map 方法
使用场景
map 可以遍历数组处理数据并且返回新的数组
特殊
map重点在于有返回值forEach没有返回值undefined
2数组join方法
作用
join() 方法用于把数组中的所有元素转换一个字符
参数
数组元素是通过参数里面指定的分隔符进行分隔的
语法 // 1. 数组 map方法 处理数据并且 返回一个数组const newArr arr.map(function (ele, index) {// console.log(ele) // 数组元素// console.log(index) // 索引号return ele 颜色})console.log(newArr)// 2. 数组join方法 把数组转换为字符串// 小括号为空则逗号分割console.log(newArr.join()) // red颜色,blue颜色,pink颜色// 小括号是空字符串则元素之间没有分隔符console.log(newArr.join()) //red颜色blue颜色pink颜色console.log(newArr.join(|)) //red颜色|blue颜色|pink颜色
