事件源对象
event.srcElement.tagName
event.srcElement.type
捕获释放
event.srcElement.setCapture();
event.srcElement.releaseCapture();
事件按键
event.keyCode
event.shiftKey
event.altKey
event.ctrlKey
事件返回值
event.returnValue
鼠标位置
event.x
event.y
窗体活动元素
document.activeElement
绑定事件
document.captureEvents(Event.KEYDOWN);
访问窗体元素
document.all("txt").focus();
document.all("txt").select();
窗体命令
document.execCommand
窗体COOKIE
document.cookie
菜单事件
document.oncontextmenu
创建元素
document.createElement("SPAN");
根据鼠标获得元素:
document.elementfromPoint(event.x,event.y).tagName=="TD
document.elementfromPoint(event.x,event.y).appendChild(ms)
窗体图片
document.images[索引]
窗体事件绑定
document.onmousedown=scrollwindow;
元素
document.窗体.elements[索引]
对象绑定事件
document.all.xxx.detachEvent('onclick',a);
插件数目
navigator.plugins
取变量类型
typeof( ......
创建文档元素
document.createElement(nodename)
插入元素到文档节点树
parent.appendChild(child)
创建文本节点
document.createTextNode(text)
在现有元素前插入新元素
parentElement.insertBefore(newElement,targetElement)
在现有元素后插入新元素(自编函数)
parentElement.insertAfter(newElement,targetElement)
parentElement.insertAfter(newElement,targetElement)
function insertAfter(newElement,targetElement)
{
var parent = targetElement.parentNode;
if (parent.lastChild == targetElement)
{
parent.appendChild(newElement);
}
else
{
parent.insertBefore(newElement,targetElement.nextSibling);
}
}
......
预定时间之后执行函数
setTimeout("functionname",interval)
提取字符串中数值信息
parseInt(string)
复制节点(是否复制子节点)
cloneNode(true/false)
删除子节点
removeChild()
替换节点
replaceChild(newChild,oldChild)
子节点判断
hasChildNodes ......
检索:
1 用||来填充默认值
var status = flight.status || "unknown";
2 使用&&防止TypeError
flight.equipment.model //throw "TypeError"
flight.equipment && flight.equipment.model //undefined
引用
var a={},b={},c={};
document.writeln(a===b); //false
原型
Javascript提供的实现机制:
var stooge = {
"first-name":"Jerome",
"last-name":"Howard"
};
var temp = function(){};
temp.prototype=stooge;
var another_stooge= new temp;
可以直接给Object加个方法来简化
if (typeof Object.beget !== 'function'){
Object.beget = function (o){
var F = function (){};
F.prototype = o;
return new F();
}
}
var another_stooge =Object.beget(stooge);
another_stooge["first-name"] = 'Harry';
document.writeln(another_stooge["first-name"]); //Harry
document.writeln(another_stooge["last-name"]); //Howard
document.writeln(stooge["first-name"]); //Jerome
反射
typeof可以访问原型链
document.writeln(typeof flight.toString); //function
hasOwnProper ......
本书封面上的动物是河马(hippopotamus)。河马原产于非洲的某些地区,栖息在河中或河边的草地上。河马名字的原文hippopotamus就是希腊文“河马”。它们有庞大笨重的身躯,整日里优雅地在水中走来走去。夜里河马离开水边去觅食。它们的食物主要是草,每天150磅,还有一些水生植物和落果。河马没有什么天敌,除了人类以外 —— 河马因其象牙般的长牙,以及皮和肉而遭到人类的大肆捕杀。 河马可以活到40岁,高5英尺,长12英尺,体重可达6000~8000磅。它们的身体几乎没有毛发,皮肤呈灰色,能分泌出红色的油性液体(这经常被误认为血),以使皮肤湿润。河马的五官长得都离头顶很近,因此它们在几乎完全沉入水中时仍然可以呼吸、看和听。有趣的是,有些沼泽动物,如鳄鱼、乌龟和犀鸟经常会栖身于水里的河马之上。 懂得JavaScript语法是一回事,能够创建有用的应用程序就是另一回事了。虽然市面上有成打的JavaScript图书教你怎么做,但实际上,像本书这样,能够为网站管理员提供一整套易于使用的经典客户端JavaScript程序,并且带有完整说明文字的,却是少之又少。一册在手,读者可以立即利用书中的程序为自己的网站增添各种丰富 ......
返回一个给定id属性值的元素节点的对象
document.getElememtById(id)
返回一个包含所有给定标签的元素的数组
document.getElementsByName(tag)
获取元素属性
document.getAttribute(attribute)
设置元素属性值
document.setAttribute(attribute)
......