javascript笔记

标点符号一定不要写错，：；一定要写成英文的，这样的错误很难发现！！

编写代码时注意变量名不要写错！！！

注意代码执行是从上往下的，JavaScript代码要onload之后再执行

不要把“=”和“==”弄混

一、JavaScript基础

JavaScript是区分大小写的，html不区分大小写

注释内容

• //单行注释
• /*可以
• 跨越多行*/

事件处理器：onClick onMouseOver onMouseOut

二、JavaScript编程

window

 

• onload()   //表示在页面加载完后执行它指向的代码，所以不需要给函数加括号去调用，页面加载完会自动去调用
• alert()      //弹出对话框，ok
• confirm()  //ok   cancel
• prompt()  //可选参数
• history     //浏览器记录      history.length    history.forward()  history.backward()    history.go(参数)  
• setTimeout(action, delay)    //在指定的毫秒数后执行指定代码   clearTimeout()
• setInterval()                         //在指定的毫秒数后重复执行指定代码    clearInterval()

document.getElementById("id")    //可以访问他的全部属性和方法

document.getElementById("id").innerHTML        document.getElementsByTagName() //注意返回的是集合，要用下标访问

创建节点：document.createElement() //新建元素            document.createTextNode();

　　　　　　cloneNode(true)  //复制元素及其子节点，false则没有子节点

操作DOM树：appendChild（） insertBefore()   replaceChild()  removeChild()

location包含当前加载页面的URL信息　　　　　协议／／主机名：端口／路径　搜索　哈希

 

 

 location.replace("www......")       .reload()      document.reload(true);

navigator包含浏览器功能

关键字with

=== 三等号 判断数值和类型都相同

三、对象

prototype 添加新方法和属性；继承

封装：this关键字可以把变量和函数“注册”为属性和方法，否则它们不能从函数外部调用，是私有的

typeof检测某个函数是否存在

 childNodes firstChild lastChild parentNode

nextSibling previousSibling  前后兄弟节点

 

 

JSON   { “参数”：“值”}   parse()JSON字符串解析为JavaScript对象    stringifg()对象序列化为JSON字符串

 

 

 <video>视频</video>

<audio>声音</audio>

<canvas>canvas 元素本身是没有绘图能力的,所有的绘制工作必须在 JavaScript 内部完成</canvas>

　　　　　　　　　　　　　　　　　　<a href = "value"></a>

URL	超链接的 URL。可能的值： 绝对 URL - 指向另一个站点（比如 href="http://www.example.com/index.htm"） 相对 URL - 指向站点内的某个文件（href="index.htm"） 锚 URL - 指向页面中的锚（href="#top"）注意要加#，HTML5用ID定位锚点

 拖放 draggable="true"; ondragstart   ondargover ondrop

 getComputedStyle()       getPropertyValue(property)

 prototype.js

• $()    $F()  Form对象

jQuery

• $(document).ready()
• html()  操作html内容
• text()   操作文本内容
• arr()    操作属性的值
• show(时间，操作)  显示元素
• hide(时间，操作)
• toggle(时间，操作)  改变显示状态
• fadeOut   fadeIn    fadeTo   淡入淡出
• slideDown    slideUp   slideToggle 滑动
• animate(操作属性，时间，操作后要执行的)