12 01 , 2009
Tagged: FF ,IE ,事件处理 |
Cat: HTML , javascript |
1,捕捉阶段,事件从对象沿着文档树向下传播给目标节点。2,目标节点触发阶段:在目标上的适合的事件处理程序将运行。3,气泡阶段,在这个阶段,事件将从目标元素向上传播或者气泡回对象的文档层次。
ie和ff下的事件传播阶段应该是一样的。但是两个浏览器依据的模型有区别。
由于firefox支持dom2的时间模型,用法可以直接这样:
function test(event){
alert(event.clientX);
}
ele.addEventListener('click',test,true);//ele为某dom元素
关于这个模型(event可以理解为一个全局变量)
DOM2的事件模型函数
作用
addEventListener
添加事件监听函数。
removeEventListener
删除事件监听函数。
preventDefault
组织默认事件的发生
stopPropagation
可以组织事件从当前正在处理它的节...
10 19 , 2009
Tagged: web ,workers ,性能 |
Cat: HTML , javascript |
最近学习HTML5的时候发现这个技术,不得不惊叹。
为网页上的脚本提供了一种能在后台进程中运行的方法。一旦它被创建,Web Workers就可以通过postMessage()向任务池发送任务请求,执行完之后再通过postMessage()返回消息给创建者指定的事件处理程序(通过onmessage进行捕获)。
Web Workers进程能够在不影响用户界面的情况下处理任务,并且,它还可以使用XMLHttpRequest来处理I/O,无论responseXML和channel属性是否为null。
注意:通常,后台进程(包括web workers进程)不能对DOM进行操作。如果希望后台程序处理的结果能够改变DOM,只能通过返回消息给创建者的回调函数进行处理。
workers不仅仅能够让我们未来的web APP更加MVC。同时,他的异步后端运算给web程序带来更多可...
09 29 , 2009
Tagged: css ,HTML ,JS ,mootools ,xhtml ,在线简历 |
Cat: HTML , css , javascript , mootools , 前台设计 |
很快就要找工作了,最近比较闲,于是把写了个在线网页版简历。水平有限,肯定不少错误。希望高人可以指出错误。
此简历基于XHTML1.0/Css2.0/Mootools
我不能像大大们那样用纯js写效果,只能用mootools来写了。
极端希望大家给点意见,我发现自己好像很多自己总结的知识不一定对的。有兴趣的朋友可以留言索取整个实例源码。
在线测试地址:http://xiebiji.com/works/resume/
09 28 , 2009
Tagged: FF ,fixed ,ie6 ,兼容 ,固定定位 |
Cat: HTML , css , javascript |
效果地址:点击我
为了兼容ie6(万恶的东西),用的是expression的方法
在页头加入:
body{
background-image:url(about:blank); background-attachment:fixed;/*必要,防抖动*/
}
.head,.foot{
position:fixed !important;/*ie7 ff*/
position:absolute;
z-index:21;
background:#999;
height:30px;
width:500px;
}
.foot{
bottom:0 !important;/*ie7 ff*/
}
.main{
height:2000px;
}
HTML:
header
main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main
foot
转载的同学麻烦注明一下出处:http://xiebiji.com/2009/09/fixed
09 28 , 2009
Tagged: availHeight ,availWidth ,clientHeight ,clientWidth ,height ,offsetHeight ,offsetWidth ,screenLeft ,screenTop ,scrollHeight ,scrollLeft ,scrollTop ,scrollWidth |
Cat: HTML , javascript |
描述:
网页可见区域宽: document.body.clientWidth;
网页可见区域高:document.body.clientHeight;
网页可见区域宽: document.body.offsetWidth +” (包括边线的宽)”;
网页可见区域高:document.body.offsetHeight +” (包括边线的宽)”;
网页正文全文宽: document.body.scrollWidth;
网页正文全文高: document.body.scrollHeight;
网页被卷去的高:document.body.scrollTop;
网页被卷去的左:document.body.scrollLeft;
网页正文部分上: window.screenTop;
网页正文部分左:window.screenLeft;
屏幕分辨率的高:window.screen.height;
屏幕分辨率的宽:window.screen.width;
屏幕可用工作区高度:window.screen.availHeight;
屏幕可用工作区宽度:window.screen.availWidth;
09 12 , 2009
Tagged: input ,兼容 ,浏览器 |
Cat: HTML , css |