web学习记录-JS-15

类的操作

addClass  定义一个函数,用来向一个元素中添加指定的class属性值

  参数,obj 要添加class属性的元素, cn 要添加的class值;  

hasClass 判断一个元素中是否含有指定的class属性值;

 function hasClass(obj,cn){ var reg = new RegExp("\\b"+cn+"\\b");    return reg.test(obj.className);};

removeClass  删除一个元素中的指定的class属性

 function removeClass(obj,cn){var reg = new RegExp("\\b"+cn+"\\b"); obj.className = obj.className.replace(reg , "");};

toggleClass 可以用来切换一个类

      如果元素中有该类,则删除,如果没有,则添加;

function toggleClass(obj,cn){if(hasClass(obj,cn)){removeClass(obj,cn)}else{addClass(obj,cn);}}

二级菜单

  我们每一个菜单都是一个div

  当div具有collapsed这个类时,div就是折叠的状态;

  当div没有这个类时,div就是展开状态;

JSON  IE7以下浏览器不支持

  JS中的对象只能JS认识,其他语言均不认识。

  JSON就是一个特殊格式的字符串,这个字符串可以被任意的语言所识别,并且可以转换为任意语言中的对象;

  主要用来数据的交互

  JavaScript Object Notation JS对象表示法

  格式和JS对象的格式一样,只不过JSON字符串中的属性名必须加双引号,其他的语法和JS语法一致;

  JSON分类 ,1,对象{}  2,数组[   ];

  JSON中允许的值:1,字符串;2,数值;3,布尔值;4,null;5,对象;6,数组;

将JSON字符串转换为JS中的对象

  在JS中,为我们提供了一个工具类,就叫JSON;

  这个对象可以帮助我们将一个JSON转换为JS对象,也可以将一个JS对象转换成JSON;

  json -- >js对象

  JSON.parse()  可以将JSON字符串转换为js对象;需要一个JSON字符串转换为JS对象;

  var  o = JSON.pase(json);

  JS对象--->JSON

  JOSN.stringify()

    可以将一个JS对象转换为JSON字符串;

    需要一个JS对象作为参数,会返回一个JSON字符串;

如果需要解决IE7兼容问题,可以通过引入一个外部JS文件;

eval()  可以用来执行一段字符串形式的JS代码,并将执行结果返回;

      如果执行的字符串中含有{},它会将{}当成代码块;

      如果不希望将其当成代码块解析,需要在字符串前后各加一个();

      var obj = eval(“(“+str+ ”)”);

      尽量不使用,1,执行性能比较差,然后它具有安全隐患;

理论知识填充完,巩固练习。

 

posted @ 2019-01-19 21:35  羅羊羊  阅读(174)  评论(0编辑  收藏  举报