易截截图软件、单文件、免安装、纯绿色、仅160KB

JavaScript学习——事件

     这两天上午一直在学习JavaScript,由于总是在看,效果不是很大,也好久没有发表文章了,所以为了更好的学习,把学到的东西记录下来。我学习JavaScript的书是《精通JavaScript+jQuery》,如果大家有更好的书请推荐。
一. 事件的概念
     C#中事件的定义:事件类似于异常,它们都由对象引发,可以提供代码来处理事件。
     我的理解是:当发生某件事时,用相应的方法去处理。
二. 事件流
     浏览器中事件分为两种:冒泡型事件和捕获型事件。
     冒泡型事件:从DOM层次的最低端一级级往上升。
     捕获型事件:与冒泡型事件正好相反,从最不精确的到最精确的。
三. 事件监听
     有三种方式可以设置监听。
     1.HTML标签中直接分配事件处理函数。
        <p onclick="alert('我被点击了');">Click Me</p>
     2.结构行为分离:
        <script language="javascript">
window.onload = function(){
var oP = document.getElementById("myP"); //找到对象
oP.onclick = function(){ //设置事件监听函数
alert('我被点击了');
}
}
     3.事件监听函数(可添加多个监听函数)
       (1).IE中
       <mce:script language="javascript" type="text/javascript"><!--
function test() {
alert("你好");
}
function test1() {
alert("测试二");
var oP = document.getElementById("myP")
oP.detachEvent("onclick", test1);
}
function test2() {
var oP = document.getElementById("myP");
oP.firstChild.nodeValue = "Click you";
}
window.onload = function() {
var oP = document.getElementById("myP")
oP.attachEvent("onclick", test);
oP.attachEvent("onclick", test1);
oP.attachEvent("onmouseov


相关文档:

JavaScript静态页面值传递之Cookie

  利用Cookie:Cookie是浏览器存储少量命名数据.它与某个特定的网页或网站关联在一起。
  Cookie用来给浏览器提供内存,以便脚本和服务器程序可以在一个页面中使用另一个页面的输入数据。
  Post.htm
以下是引用片段:
<input type="text" name="txt1">
<input type="button" value="Post">
<s ......

javascript 验证代码整理

//the common event,If your brower is firefox,you should use this function instead of "window.event"
function getEvent() {
if(document.all)
return window.event; //get ie event
func=getEvent.caller;
while(func!=null) {
......

15 个 JavaScript Web UI 库


http://news.csdn.net/a/20100519/218442.html
几乎所有的富 Web 应用都基于一个或多个 Web UI 库或框架,这些 UI 库与框架极大地简化了开发进程,并带来一致,可靠,以及高度交互性的用户界面。本文介绍了 15 个非常强大的 JavaScript Web UI 库,非常适合各种各种规模的富 Web 应用的开发。
LivePipe
LivePipe UI&nb ......

15个 JavaScript Web UI 库

几乎所有的富 Web 应用都基于一个或多个 Web UI 库或框架,这些 UI 库与框架极大地简化了开发进程,并带来一致,可靠,以及高度交互性的用户界面。本文介绍了 15 个非常强大的 JavaScript Web UI 库,非常适合各种各种规模的富 Web 应用的开发。
LivePipe
LivePipe UI 基于 Prototype Javascript 框架,包含了一整套经严 ......

javascript写类方式之十

10、mootools.js的写类方式
mootools.js的最新版本是1.2.3,这里使用的是1.2.0。mootool被设计成非常紧凑的,模块化的,面向对象的的js库。mootool中写类用Class类。Class类由Native类new出来的:
/*
*Script: Class.js
*/
var Class = new Native({
name: 'Class',
initialize: function(properties){
propert ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号