JS(初级)学习笔记

1.弹窗

alert

prompt(带输入值窗口）

confirm（带确认或取消弹出框）

2.数据定义

变量定义：var litterDog(变量名通常为小写驼峰型）

数组定义：var a = new Array();

常量定义：const TAXRATE = 10;

3.不同类型间的数据转换

parseInt("字符串"，进制（允许空）) 解析一个字符串，并返回一个整数

parseFloat() 可解析一个字符串，并返回一个浮点数

4.建立时间延迟：setTimeout("函数",时间（单位：毫秒））  

建立时间间隔定时器 ： var timeID = setInterval("函数",时间);

清除时间间隔定时器：clearInterval(timerID);

5.cookie使用

加载cookie.js文件

1)navigator.cookieEnabled 判断是否支持cookie

2)写入cookie: writeCookie(name,value,days)

3)读取cookie: readCookie(name)

4)清除cookie: eraseCookie(name)

6.常用的对象及方法

1)window浏览器的窗口，常用对象及属性：http://www.w3school.com.cn/jsref/dom_obj_window.asp

2)document是显示于窗口的一个文，常用对象及属性：http://www.w3school.com.cn/jsref/dom_obj_document.asp

7.常用的数据处理函数

1）Math对象：random()、round()四舍五入、floor()舍为整数、ceil()进为整数

2）字符串处理：indexOf()、charAt(n)返回指定位置的字符、tolowerCase()、toUpperCase()、substr(start,length)、substring(start,stop)

3）Date对象：getMonth()、getDate()、getFullYear()

8.面向对象

1）构造函数 function Blog(body,date) {this.body = body; this.date = date;}

创建对象 var blog = new Blog(a,b);

2)prototype创建类的方法特性

例：Blog.prototype.toHTML = function(){..};

    Blog.prototype.signature = "Puzzler Ruby";

9.表单

1）访问表单数据：form["zipcode"(input的name属性)]

2）正则表达式验证数据

例：var regex = /^\d{5}$/;

      if (!regex.text(inputField.value)) return 函数;

10.改变CSS样式及属性

1）创建属性节点 creatAttribute("id","title");

2）设置属性 setAttribute("属性名",属性值);

3）事件触发改变属性名

例：onmouseover="this.className='decisionhover'";

     onmouseout="this.className='decision'";

11.指定多个事件处理函数

例：var schedulePane = document.getElementById("schedulePane");
  addEventHandler(schedulePane, "click", showTab);

function addEventHandler(obj（元素）, ”eventName（事件名）“, handler（函数）) {
  if (document.attachEvent) {
    obj.attachEvent("on" + eventName, handler);  //IE浏览器
   } else if (document.addEventListener) {
    obj.addEventListener(eventName, handler, false);  //非IE浏览器
    }
}

 12.获取发生的事件的对象

例：function buttonOver(e) {
  var me = getActivatedObject(e);
  me.className = "active";
}

function getActivatedObject(e) {
  var obj;
  if (!e) {
    // early version of IE
    obj = window.event.srcElement;
  } else if (e.srcElement) {
    // IE 7 or later
    obj = e.srcElement;
  } else {
    // DOM Level 2 browser
    obj = e.target;
  }
  return obj;
}

 

其它

1)isNaN()检查数据是否为数字

2)取得浏览器长和宽：doucument.body.clientWidth/clientHeight;

3)取得图片宽和高：document.getElementById("img").style.width/height;

4)for-in循环：for(var a in 数组）

5)从小到大排序：nums.sort()

  从大到小排序：nums.sort( function(a,b){return b-a;});

6)split(splitchar)于把一个字符串分割成由splitchar分隔的多个部分

7)escape() 函数可对字符串进行编码(将每个字符转换为16进制），这样就可以在所有的计算机上读取该字符串