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进制),这样就可以在所有的计算机上读取该字符串