js6-获取兄弟/父节点 获取类名/文档元素 九宫格思想 日期对象 JS对象/JSON

获取兄弟节点

• btn.nextElementSibling: 获取当前节点的下一个兄弟节点
  • 兼容性: 支持IE9和其他浏览器
  • nextSibling: 兼容IE6,7, 8
  • 兼容性写法(使用逻辑或的特殊性): btn.nextElementSibling || btn.nextSibing
• parentNode获取父节点
  • 注意: 获取谁的父节点, 由谁调用
  • 通过子节点获取父节点var father = son.parentNode;
• getElementsByClassName() 通过类名获取元素
  • 参数: ClassName
  • 返回值: 返回同类名的所有子节点数组
  • 注意: 谁调用就获取谁的节点
  • 兼容性: IE9以上和其他浏览器
    • 处理兼容性: 判断非0即真Boolean(btn.getElementsByClassName)

获取文档子元素

• document.head 获取head
• document.title 获取title
  • document.title = 'hi' 设置文档标题
• document.body通过文档获取body
• document.documentElement 获取html
• document.write() 往文档里写入内容(文本, HTML标签)

九宫格思想

• 案例: 动态创建节点. 发微博

获取日期对象-11

//1.获取日期对象
var myDate = new Date();

//2.Date()  返回当日的日期和时间
console.log(Date());  //Sun Nov 12 2017 16:16:45 GMT+0800 (中国标准时间)

//3.getDate()   从 Date 对象返回一个月中的某一天 (1 ~ 31)。
console.log(myDate.getDate());

//4.getDay()    从 Date 对象返回一周中的某一天 (0 ~ 6)。 0 周日, 6 周六
console.log(myDate.getDay());

//5.getMonth()  从 Date 对象返回月份 (0 ~ 11)。
console.log(myDate.getMonth() + 1);

//6.getFullYear()   从 Date 对象以四位数字返回年份
console.log(myDate.getFullYear());

//7.getHours()  返回 Date 对象的小时 (0 ~ 23)。
console.log(myDate.getHours());

//8.getMinutes()    返回 Date 对象的分钟 (0 ~ 59)。
console.log(myDate.getMinutes());

//9.getSeconds()    返回 Date 对象的秒数 (0 ~ 59)。
console.log(myDate.getSeconds());

//10.getMilliseconds()  返回 Date 对象的毫秒(0 ~ 999)。
console.log(myDate.getMilliseconds());

//11.getTime()  返回 1970 年 1 月 1 日至今的毫秒数。
// 时间戳
console.log(myDate.getTime());

JS对象

• 本质: JS对象是以键值对的方式保存数据的{key:value}. 其他语种中, 这种格式叫做字典
  • 键是属性名, 值是属性值
• 注意: JS对象是无序的数据集合
• 如何获取值的方式

  1. 对象.键

     • JS中使用点语法获取属性值应该是不变的, 如果是变化的使用点语法获取不到

  2. 对象[键]

     • 获取属性/ 给属性赋值, 是可以的
     • style也是对象, 里面储存的都是键值对

  3. for in

     for(var key in object){
     循环体
     }
     //执行: 每遍历一次, 声明一个变量key, 从对象中取一个键值对, 将js中的键赋值给key 
     //取值: js对象,根据键取值  对象[键]
     

JSON

• 什么是JSON?
  • 它是JavaScript对象的表示法.
  • 它是轻量级传输数据的格式, 本质是一个字符串
  • JSON 比 XML 更小、更快，更易解析。
• JSON与JavaScript区别
  • JS对象: 是以键值对的方式保存数据, 以大括号进行包括的{key:value}
  • JSON是JavaScript对象的字符串表示法,它使用文本表示一个js对象的信息,本质是一个字符串
• JSON和JavaScript相互转换

  • JSON.stringify(): JavaScript对象转换成JSON

      var json = JSON.stringify({a: "Hello", b: "world"});
      //结果是'{"a":"Hello","b":"World"}'
    

  • JSON.parse(): 从JSON转换为JavaScript对象方法

      var obj= JSON.parse('{"a":"Hello","b":"World"}')
      //结果是{a: 'Hello', b: 'World'}
    

• 案例: JSON动态加载