javascript

这是一篇关于javascript的思维导图，详细的归纳了基础语法、函数和事件、DOM编程等内容知识，赶快收藏起来吧！

JavsScript

• 第一章 基础语法
  • 基本数据类型：null；boolean；number；undefinel;string
    • null表示空类型，已经有值了，但是值为空对象；用typeof()检测类型时会显示object number表示小数和浮点数 string表示字符串可用"",,''两种表示 undefinel：对为声明和为初始化的变量使用：例子 var a； alter(typeof a);//undefinel值 alter(typeof b);//undefinel类型 alter(a);//null alter(b);//报错
  • javascript属于脚本语言嵌套在HTML中使用，写的时候在<script type="text/javascript"></script>内部
• 第二章 函数和事件
  • 函数：
    • function用于javascript里面的函数格式为： function 函数名（形参）{}形参可以不带类型
      • 匿名函数：function(){} 调用时直接给个参数接受 var aa = function (){} 直接用aa可以调用 aa（）；
      • 系统函数：
        • isNaN():通过判断是不是NaN数字,返回true 或者false
        • parseInt()从数据头开始获取第一段整数；直接调用（）内写需要用的值
        • parseFloat()从数据头开始获取第一段小数；直接调用（）内写需要用的值
        • eval()：不管数据里是不是整型，加上了eval（）全部变运算
      • 有参有返回； 有参无返回： 无参有返回： 无参无返回：
        • 和Java中相似乎
      • 成员变量和全局变量
        • 凡是看见在function函数内加了var的变量就是成员变量，只能在函数体内用，其他条件均为全局变量。
      • return：在javascript中既有返回的意思，又有break退出的意思。
  • 事件：
    • onchange:用于下拉框来选择点击的 onblur:失去焦点，鼠标移开时； onsubmit:在点击提交会检查是否能够通过 onclick:用于字段的点击，进行跳转，默认是return true；可以改为点击无效的 retun false。 onload:在文档加载完成后，在执行onload后写的。 target代表打开新的窗口 ；target="_blank" (和onclick一起用于是否可任意点击)。 onmousemove="stop()鼠标遇到就停止。 onmouseout="start()";鼠标离开就移动。 （一般用于环绕标签）
    • 获取元素值：.value表示获取的元素的值；.innerHTML表示在获取的元素后加上一段话例子 document.getElementById("aa").innerHTML = "不可以为空的"；
• 第三章DOM编程
  • 浏览器对象模型
    • 弹出输入框 prompt: prompt("姓名","aa") 其中姓名是在出现在弹框上面的提示；而aa表示弹框里的默认值（aa可以省略）
    • 弹出确定，取消 选择框，确定为true，取消为false confirm 给定以一段话后面给个删除按钮，给onclick点击事件 var flag=confirm("确定删除？") if(flag){document.write("");}/确定删除时就将其改变为空，取消时不变
    • 关于窗口的打开和关闭：open&&close
      • open； window.open(http://taobao.com);新窗口打开淘宝网
      • close： win.close();关闭窗口
    • settimeout: settimeout("boom()",3000); boom()为执行对象；3000为时间毫秒 到指定时间执行一次
      • setinterval: setinterval("boom()",4000) 指定时间反复执行对象 clearinterval: clearinterval("boom()",3000) 停止执行所有执行对象
    • history的网页前进和后退： 所有网页的前进后退必须建立在有浏览记录的前提下
      • 返回 back(): <a href="javascript:history.back()"></a>
      • 前进 forward():<a href="javascript:history.forward()"></a>
      • 给指定返回前进的数字为整数 go(); <a href="javascript:history.go(-1)"></a>
    • location 用于url地址的使用： location是用于替换地址 open用于打开新的地址
  • 文档对象模型
    • docment.getElementsById().value;表示通过id来进行获取 docment.getElementsByTagName();通过标签名 docment.getElementsByName();通过name来获取 value用于输入框获取元素值，符合条件的innHTML在后面写文字
    • 节点信息： parentNoded当前节点的父节点引用 childNodes当前节点的说有子节点 dirstchild当前节点的第一个子节点 lastchild当前节点的最后一个子节点 previousSibling当前节点前一个兄弟节点 nextSibling当前节点后一个兄弟节点
    • 动态添加&&删除节点： appendChild(); ------------- removeChild;
• 第四章javaScript对象
• 第五章 正则表达式 作用： 对文字进行模糊匹配的语言
  • test测试
  • 限定符
  • RegExp对象实例化的2种方式： 构造函数：var reg = new RegExp("表达式","附加参数"); 普通方式：var reg =表达式/附加参数;
  • indexOf为精确查询 search为模糊查询
• 这是对于获取值的简化，后面可直接通过&进行调用（id）可根据自己条件需要的进行更改
• onblur
• 这里的this表示这个标签获取的元素，在通过obj简化的写出了获取了此框内的元素值