文章目录

  • 一、查询字符串
    • 案例一:把查询字符串转为对象类型
    • 案例二:把 对象转为查询字符串
  • 二、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时间对象的获取方法

  1. getFullYear() 获取年
  2. getMonth() 获取月
  3. getDate() 获取日期
  4. getDay() 获取星期
  5. getHours() 获取小时
  6. getMinutes() 获取分钟
  7. 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时间对象的设置方法

  1. setFullYear() 获取年
  2. setMonth() 获取月
  3. setDate() 获取日期
  4. setHours() 获取小时
  5. setMinutes() 获取分钟
  6. setSeconds() 获取秒

【JavaScript】查询字符串、JSON字符串、时间对象、定时器、同步异步、BOM相关推荐

  1. pandas使用to_datetime函数将时间字符串转化为时间对象、使用dt.tz_localize为转化后的时间对象添加时区信息(timezone)

    pandas使用to_datetime函数将时间字符串转化为时间对象.使用dt.tz_localize为转化后的时间对象添加时区信息(timezone) 目录 pandas使用to_datetime函 ...

  2. pandas使用to_datetime函数将时间字符串转化为时间对象、其中月份内容为字母而非数字(例如,“January 2, 2022“)

    pandas使用to_datetime函数将时间字符串转化为时间对象.其中月份内容为字母而非数字(例如,"January 2, 2022") 目录 pandas使用to_datet ...

  3. java iso 8601_Java-Android中的ISO 8601字符串到日期/时间对象

    Java-Android中的ISO 8601字符串到日期/时间对象 我有一个标准ISO 8601格式的字符串,其中包含从Web服务返回的日期/时间,如下所示: String dtStart = &qu ...

  4. R语言使用strptime函数把字符串转化为时间对象、使用strftime函数把时间对象转化为字符串实战:指定时区、包含时间、分钟、秒、微妙

    R语言使用strptime函数把字符串转化为时间对象.使用strftime函数把时间对象转化为字符串实战:指定时区.包含时间.分钟.秒.微妙 目录

  5. Python和JavaScript之间的JSON日期时间

    本文翻译自:JSON datetime between Python and JavaScript I want to send a datetime.datetime object in seria ...

  6. Java对象转换成JSON对象/JSON对象转换成JSON字符串/JSON字符串转换成JS对象

    文章目录 后端部分 前端部分 后端部分 Option op = new Option("海淀","hd");//java对象转换json对象 JSONObjec ...

  7. python获取系统时间为字符串_Python日期时间对象转换为字符串的实例

    1.标准转换格式符号说明 %a 本地星期的短名称 如:Sun, Mon, ..., Sat (en_US); So, Mo, ..., Sa (de_DE) %A 本地星期全名称 如 :Sunday, ...

  8. Javascript学习笔记——JSON:js对象简谱

    Javascript不仅是一种编程语言,还被作为一种常用的对象存储和传输格式 JSON:JS 对象简谱 JSON(JavaScript Object Notation)即Javascript对象简谱 ...

  9. JS定时器同步异步问题(顺序执行)

    定时器同步问题 场景 1.异步代码 代码如下(示例): console.log('1')setTimeout(() => {console.log('2')}, 1500);console.lo ...

最新文章

  1. windows使用ssh2远程登陆ubuntu
  2. 分库分表需要考虑的问题及方案
  3. 深入出不来nodejs源码-V8引擎初探
  4. java查找最小字符集_如何查找Java中的默认字符集/编码?
  5. linux服务器网页出现错误,常见网页错误 | Linux 主机 (cPanel) - GoDaddy 帮助 SG
  6. Asp.net mvc 知多少(六)
  7. 经验之谈:10位顶级PHP大师的开发原则
  8. Nginx学习之八-惊群问题
  9. CAN笔记(12) 同步
  10. CreateThread、_beginthread与AfxBeginThread的区别及其注意事项
  11. 如果看了此文你还不懂傅里叶变换,那就过来掐死我吧【完整版】(ZZ伯乐在线)...
  12. python 干什么工作具有明显优势-Python在数据分析方面有什么独特优势
  13. 【Sniffer】如何查看Sniffer截获的数据内容
  14. 在队列同步器中,同步队列为什么是双向链表,而等待队列是单链表?
  15. 可以学计算机再学美术,想学习板绘?教你如何在电脑学习绘画!
  16. (c语言)自写求字符串长度函数
  17. java文字竖排_Java输出竖排文字
  18. 【用行动说话】第一篇博客
  19. 代码质量保证体系(上)
  20. 利用SHA-1算法和RSA秘钥进行签名验签(带注释)

热门文章

  1. PHP正则匹配数字,字母,中文
  2. ArcGIS server 常见问题
  3. 华为linux输入法,华为手机输入法隐藏7大不为人知的功能,非常规操作,实用又强大!...
  4. 如何判断是否有人在Instagram上跟着你
  5. vue中延迟加载函数
  6. 中国式危机公关9加1策略(第十四章 国外危机应对案例參考)
  7. 阴阳屏再现,iPhone12屏幕出现问题,苹果似乎被LG坑了
  8. 如何设置mac关机shell
  9. 稳定的免费空间SiteFrost.com教程
  10. 劳务派遣许可证怎么办理