【JavaScript】查询字符串、JSON字符串、时间对象、定时器、同步异步、BOM
文章目录
- 一、查询字符串
- 案例一:把查询字符串转为对象类型
- 案例二:把 对象转为查询字符串
- 二、JSON字符串
- 案例一:把 json格式转为 js格式
- 案例二:把 js格式 转为 json 格式字符串
- 三、时间对象
- 1. 时间对象的创建
- 2. 指定日期的创建
- 1) new Date() 只写一个数字
- 2) new Date() 写多个数字
- 3) new Date 写字符串
- 3.时间对象的方法
- get时间对象的获取方法
- set时间对象的设置方法
- 4.时间戳
- 四.定时器
- 1. 定时器分类
- 2. 定时器的返回值
- 3. 关闭定时器
- 案例一:页面时钟
- 案例二:倒计时
- 案例三:抽奖案例
- 案例四:抽奖案例按钮版
- 五.初识同步异步
- 六.BOM介绍
- BOM Browser Object Modal
- 文档窗口的尺寸
- 浏览器的弹出层
- 浏览器的常见事件
- 浏览器的地址栏组成
- 操作地址栏 - location对象
一、查询字符串
queryString一种字符串格式
JS 把字符串分为几种格式
1. 普通字符串 ‘adsfasfasksdfhaiu’
2. 数字字符串 ‘234234234’
3. html字符串
4. 查询字符串 ‘key=value&key1=value1&key2=value2’
- 一条信息 key=value
- 多条信息 用&链接
案例一:把查询字符串转为对象类型
// 1. 把 查询字符串 转为 对象类型var str = "username=小花&phone=123456";function parseQueryString(str) {// 1-1. 准备一个空对象var obj = {};// 1-2. 把str数据解析出来放在obj中 有几条数据放几 按照 & 拆分var r1 = str.split("&");// 1-3. 把数组r1里面的内容依次放到obj中 遍历r1.forEach(function (item) {// 1-4 把每一条信息按照=分割var t = item.split("=");// 1-5 = 左边的就是 key , = 右边的是valuevar key = t[0];var value = t[1];obj[key] = value;});return obj;}var res = parseQueryString(str);
案例二:把 对象转为查询字符串
// username=小花&phone=123456
var obj = {username: "小花",phone: 123456,
};function queryStringify(obj) {// 1. 准备一个空字符串var str = "";for (var k in obj) {// k 是啥console.log(k, obj[k]);// username='小花'&str += `${k}=${obj[k]}&`;}// 最后多一个&, 截取掉str = str.slice(0, -1);console.log(str);return str;
}var str = queryStringify(obj);
二、JSON字符串
json格式字符串
-> ‘{“username”: “小花”, “phone”: “123456”}’
-> ‘[ {“username”: “小花”} , {“username”: “小明”} ]’
特点
1. 对象中的key value都要用双引号包裹起来
2. 数字 和 布尔 可以不包裹
3. 不接受函数
案例一:把 json格式转为 js格式
‘{“username”: “小花”, “phone”: “123456”}’
语法 JSON.parse(json格式字符串)
var str = '{"username": "小花", "phone": "123456"}';var res = JSON.parse(str);console.log(res);
案例二:把 js格式 转为 json 格式字符串
语法 JSON.stringify(js数据结构)
var obj = { name: "小花", age: 18 };
var str = JSON.stringify(obj);
console.log(str);
三、时间对象
1. 时间对象的创建
构造函数方式创建 var 变量名 = new Date()
2. 指定日期的创建
1) new Date() 只写一个数字
表示 从格林威治时间 往后顺延的毫秒数
2) new Date() 写多个数字
按照顺序 表示 年 月 日 时 分 秒 毫秒- 月 从0开始 0表示1月- 毫秒不展示
3) new Date 写字符串
new Date('YYYY-MM-DD HH:mm:ss')new Date('YYYY/MM/DD HH:mm:ss')
// var date = new Date();// console.log(date);// 只写一个数字// var date = new Date(1000);// console.log(date);// 设置多个数字// var date = new Date(2021, 10, 10, 1);// console.log(date);// 写字符串var date = new Date("2008-8-8 10:00:10");var date = new Date("2008/8/8 10:00:10");console.log(date);
onsole.log(date.toLocaleString());
3.时间对象的方法
基础单词get 获取set 设置 year 年month 月date 日week 周hour 小时minutes 分钟seconds 秒
get时间对象的获取方法
- getFullYear() 获取年
- getMonth() 获取月
- getDate() 获取日期
- getDay() 获取星期
- getHours() 获取小时
- getMinutes() 获取分钟
- getSeconds() 获取秒
var date = new Date();
console.log(date.getFullYear());
console.log(date.getMonth());
console.log(date.getDate());
console.log(date.getDay());
console.log(date.getHours());
console.log(date.getMinutes());
console.log(date.getSeconds());
set时间对象的设置方法
- setFullYear() 获取年
- setMonth() 获取月
- setDate() 获取日期
- setHours() 获取小时
- setMinutes() 获取分钟
- setSeconds() 获取秒
【JavaScript】查询字符串、JSON字符串、时间对象、定时器、同步异步、BOM相关推荐
- pandas使用to_datetime函数将时间字符串转化为时间对象、使用dt.tz_localize为转化后的时间对象添加时区信息(timezone)
pandas使用to_datetime函数将时间字符串转化为时间对象.使用dt.tz_localize为转化后的时间对象添加时区信息(timezone) 目录 pandas使用to_datetime函 ...
- pandas使用to_datetime函数将时间字符串转化为时间对象、其中月份内容为字母而非数字(例如,“January 2, 2022“)
pandas使用to_datetime函数将时间字符串转化为时间对象.其中月份内容为字母而非数字(例如,"January 2, 2022") 目录 pandas使用to_datet ...
- java iso 8601_Java-Android中的ISO 8601字符串到日期/时间对象
Java-Android中的ISO 8601字符串到日期/时间对象 我有一个标准ISO 8601格式的字符串,其中包含从Web服务返回的日期/时间,如下所示: String dtStart = &qu ...
- R语言使用strptime函数把字符串转化为时间对象、使用strftime函数把时间对象转化为字符串实战:指定时区、包含时间、分钟、秒、微妙
R语言使用strptime函数把字符串转化为时间对象.使用strftime函数把时间对象转化为字符串实战:指定时区.包含时间.分钟.秒.微妙 目录
- Python和JavaScript之间的JSON日期时间
本文翻译自:JSON datetime between Python and JavaScript I want to send a datetime.datetime object in seria ...
- Java对象转换成JSON对象/JSON对象转换成JSON字符串/JSON字符串转换成JS对象
文章目录 后端部分 前端部分 后端部分 Option op = new Option("海淀","hd");//java对象转换json对象 JSONObjec ...
- python获取系统时间为字符串_Python日期时间对象转换为字符串的实例
1.标准转换格式符号说明 %a 本地星期的短名称 如:Sun, Mon, ..., Sat (en_US); So, Mo, ..., Sa (de_DE) %A 本地星期全名称 如 :Sunday, ...
- Javascript学习笔记——JSON:js对象简谱
Javascript不仅是一种编程语言,还被作为一种常用的对象存储和传输格式 JSON:JS 对象简谱 JSON(JavaScript Object Notation)即Javascript对象简谱 ...
- JS定时器同步异步问题(顺序执行)
定时器同步问题 场景 1.异步代码 代码如下(示例): console.log('1')setTimeout(() => {console.log('2')}, 1500);console.lo ...
最新文章
- windows使用ssh2远程登陆ubuntu
- 分库分表需要考虑的问题及方案
- 深入出不来nodejs源码-V8引擎初探
- java查找最小字符集_如何查找Java中的默认字符集/编码?
- linux服务器网页出现错误,常见网页错误 | Linux 主机 (cPanel) - GoDaddy 帮助 SG
- Asp.net mvc 知多少(六)
- 经验之谈:10位顶级PHP大师的开发原则
- Nginx学习之八-惊群问题
- CAN笔记(12) 同步
- CreateThread、_beginthread与AfxBeginThread的区别及其注意事项
- 如果看了此文你还不懂傅里叶变换,那就过来掐死我吧【完整版】(ZZ伯乐在线)...
- python 干什么工作具有明显优势-Python在数据分析方面有什么独特优势
- 【Sniffer】如何查看Sniffer截获的数据内容
- 在队列同步器中,同步队列为什么是双向链表,而等待队列是单链表?
- 可以学计算机再学美术,想学习板绘?教你如何在电脑学习绘画!
- (c语言)自写求字符串长度函数
- java文字竖排_Java输出竖排文字
- 【用行动说话】第一篇博客
- 代码质量保证体系(上)
- 利用SHA-1算法和RSA秘钥进行签名验签(带注释)