1、JSON的遍历
 for(var i in json){
  alert(json[i];
 }
2、arguments 可以理解为是一个数组,并且建有json的部分能力
 css(obj,attr,value){
  obj.attr = value;
 }
3、字符串的单字符获取方法
 str.charAt(index); // 兼容全部浏览器
 str[index]; // 低版本浏览器不兼容
 
附记:
 1、获取元素在样式表中定义的属性值
     var getStyle = function(node, property){
   if (node.style[property]) {
    return node.style[property];
   }
   else if (node.currentStyle) {
    return node.currentStyle[property];
   }
    else if (document.defaultView && document.defaultView.getComputedStyle){
     var style = document.defaultView.getComputedStyle(node, null);
     return style.getPropertyValue(property);
    }
    return null;
  };
 2、常用JS工具
     var utils = {
   // 创建固定ID的标签
   createE:function(nodeName,id){var newEl = document.createElement(nodeName);if(id&&id!==""&&!document.getElementById(id)){newEl.id = id;}return newEl;},
   // 根据class Name获取元素集合
   getByC:function(className){return document.getElementsByClassName(className);},
   // 根据ID获取标签
   getById:function(id){return document.getElementById(id);},
   // 根据DOM对象和属性名获取属性值,解决获取样式时的兼容问题,
   // 兼容各种浏览器和行间样式与CSS样式
   getStyle:function(el,name){
    var stl = '';
    try{
     stl = el.style[name];
     if(stl==''){throw false;}
    }catch(e){
     try{
      stl = el.currentStyle[name];
     }catch(e1){
      try{
       stl = window.getComputedStyle(el,null)[name];
      }catch(e2){
      }
     }                   
    }finally{
     return stl;
    }
   },
   // 渐变效果,通常用于width\height\left\right\top\bottom等
    huadong:function(el,name,target,timer){var old=utils.getStyle(el,name);if(!el||!name||!target||!/^-?\d+/.test(target)||!/^-?\d+/.test(old)){return;}
                clearInterval(timer);var o=parseInt(old),t=parseInt(target),c=t-o,step=c>0?2:c<0?-2:0;timer=window.setInterval(function(){o+=step;utils.setStyle(el,name,o+'px');if((c>0&&o>=t)||(c<=0&&o<=t)){clearInterval(timer);}},10);},

};
 3、小工具:
  获取鼠标点击的“目标对象”:event.target, IE下为event.srcElement
   示例代码:
    <html>
     <head>
      <script type="text/javascript">
       function whichElement(e) // 获取鼠标点击对象的方法
       {
        var targ
        if (!e) var e = window.event // 如果e不存在
        if (e.target) targ = e.target // 事件目标节点(不兼容IE)
        else if (e.srcElement) targ = e.srcElement // IE下为event
        if (targ.nodeType == 3) // 当点击了文本节点Text
           targ = targ.parentNode // 文本节点的父节点
        var tname
        tname=targ.tagName // 元素类型
        alert("You clicked on a " + tname + " element.")
        /* 简写:
         e = e ? e : window.event;var targ = e.target ? e.target : e.srcElement ? e.srcElement : null;targ = targ.nodeType == 3 ? targ.parentNode:targ;
        */
       }
      </script>
     </head>
     <body onmousedown="whichElement(event)">
      <p>在文档中点击某个位置。消息框会提示出您所点击的标签的名称。</p>
      <h3>这是标题</h3>
      <p>这是段落。</p>
      <img src="/i/eg_mouse2.jpg" />
     </body>     
    </html>
 4、延伸扩展:如何判断当前浏览器是什么浏览器?
   简而言之,每个浏览器的独有属性的一个罗列:
   总所周知:当下比较常用的有Firefox(火狐浏览器)、Opera(欧鹏浏览器)、Safari(苹果公司的网络浏览器)、
    Chrome(谷歌浏览器);下面一一对各个浏览器相对独有的特性进行一个描述(暂时不谈论内核的差距,主要是从相关函数进行分析)。
   Firefox中的DOM元素都有一个getBoxObjectFor函数,用来获取该DOM元素的位置和大小
    IE对应的中是getBoundingClientRect函数)。这是Firefox独有的,判断它即可知道是当前浏览器是Firefox。
   Opera提供了专门的浏览器标志,就是window.opera属性。
   Safari浏览器中有一个其他浏览器没有的openDatabase函数,可做为判断Safari的标志。
   Chrome有一个MessageEvent函数,但Firefox也有。不过,好在Chrome并没有Firefox的getBoxObjectFor函数,
    根据这个条件还是可以准确判断出Chrome浏览器的。

javascript学习笔记_1的更多相关文章

  1. Java程序猿的JavaScript学习笔记(汇总文件夹)

    最终完结了,历时半个月. 内容包含: JavaScript面向对象特性分析,JavaScript高手必经之路. jQuery源代码级解析. jQuery EasyUI源代码级解析. Java程序猿的J ...

  2. Java程序猿的JavaScript学习笔记(8——jQuery选择器)

    计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...

  3. Java程序猿JavaScript学习笔记(2——复制和继承财产)

    计划和完成在这个例子中,音符的以下序列: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaSc ...

  4. Java程序猿的JavaScript学习笔记(3——this/call/apply)

    计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...

  5. Java程序猿JavaScript学习笔记(4——关闭/getter/setter)

    计划和完成这个例子中,音符的顺序如下: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScr ...

  6. Java程序猿JavaScript学习笔记(14——扩大jQuery UI)

    计划和完成这个例子中,音符的顺序如下: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScr ...

  7. javascript学习笔记(四) Number 数字类型

    数字格式化方法toFixed().toExponential().toPrecision(),三个方法都四舍五入 toFixed() 方法指定小数位个数  toExponential() 方法 用科学 ...

  8. JavaScript学习笔记之数组(二)

    JavaScript学习笔记之数组(二) 1.['1','2','3'].map(parseInt) 输出什么,为什么? ['1','2','3'].map(parseInt)//[1,NaN,NaN ...

  9. JavaScript学习笔记[0]

    JavaScript学习笔记[0] 使用的是廖雪峰JavaScript教程. 数据类型 Number 表示数字,不区分浮点整形. === 比较时不转化数据类型. == 反之. NaN与任何值都不想等, ...

随机推荐

  1. 【我的前端自学之路】【HTML5】web 存储

    以下为自学笔记内容,仅供参考. 转发请保留原文链接:https://www.cnblogs.com/it-dennis/p/10503539.html 什么是Web存储 cookie最大的缺陷是在每一 ...

  2. Yum安装时出现 The program yum-complete-transaction is found in the yum-utils package

    yum安装时出现 The program yum-complete-transaction is found in the yum-utils package yum之后,会显示上信息,并且最终执行结 ...

  3. krpano生成全景图

    1.下载krpano工具 第一次我下载的有水印,但是第二次下载的便没了,原因我也不清楚.下载好后不要急着打开.exe程序 2.生成全景图 将全景图拖入MAKE VTUOR (NORMAL) DROPL ...

  4. 近期wxss总结

    最近有一些需要点击才能实现的样式切换,我用的方法有2种 1 wxml 中 对class给一个判断式 class="变量?变化后的类:变化前的类" 这样在js中设一个变量,我是设成布 ...

  5. P2822 组合数问题

    传送门 思路: 利用公式: C( n,r ) = C( n-1,r ) + C( n-1,r-1 ) 由此可以将计算 C( n,r ) 的过程化为加法来做. 可以看出,C( n,r ) 其实就是求杨辉 ...

  6. Kotlin 类和对象

    类定义 Kotlin 类可以包含:构造函数和初始化代码块.函数.属性.内部类.对象声明. Kotlin 中使用关键字 class 声明类,后面紧跟类名: class Runoob { // 类名为 R ...

  7. CMD命令:不是内部或者外部命令也不是可运行的程序或批处理文件

    [本文转自:https://blog.csdn.net/l_mloveforever/article/details/79513681] 前言:   相信有很多小伙伴都比较喜欢使用Command命令来 ...

  8. NopCommerce源码架构详解

    NopCommerce源码架构详解--初识高性能的开源商城系统cms   很多人都说通过阅读.学习大神们高质量的代码是提高自己技术能力最快的方式之一.我觉得通过阅读NopCommerce的源码,可以从 ...

  9. Lab 10-1

    This lab includes both a driver and an executable. You can run the executable from anywhere, but in ...

  10. ie11兼容

    项目里遇到ie11的问题, 1.控制台报:SCRIPT7002: XMLHttpRequest: 网络错误 0x80070005, 拒绝访问. 后来发现是由于传参过长,不应该用get请求,后改成pos ...