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
相关文档:
页面提交数据一般有两种方法:get,post。post就是所谓的form提交,使用视图;get是通过url提交。
Get方法一般用后台代码(如asp,asp.net)获得参数,代码很简单:Request.QueryString["id"];即可获取。
有些时候需要直接在前台获取url参数,要用到javascript,js没有直接获取url参数的方法,那么,我们如何通过js ......
几乎所有的富 Web 应用都基于一个或多个 Web UI 库或框架,这些 UI 库与框架极大地简化了开发进程,并带来一致,可靠,以及高度交互性的用户界面。本文介绍了 15 个非常强大的 JavaScript Web UI 库,非常适合各种各种规模的富 Web 应用的开发。
LivePipe
LivePipe UI 基于 Prototype Javascript 框架,包含� ......
http://news.csdn.net/a/20100519/218442.html
几乎所有的富 Web 应用都基于一个或多个 Web UI 库或框架,这些 UI 库与框架极大地简化了开发进程,并带来一致,可靠,以及高度交互性的用户界面。本文介绍了 15 个非常强大的 JavaScript Web UI 库,非常适合各种各种规模的富 Web 应用的开发。
LivePipe
LivePipe UI&nb ......
几乎所有的富 Web 应用都基于一个或多个 Web UI 库或框架,这些 UI 库与框架极大地简化了开发进程,并带来一致,可靠,以及高度交互性的用户界面。本文介绍了 15 个非常强大的 JavaScript Web UI 库,非常适合各种各种规模的富 Web 应用的开发。
LivePipe
LivePipe UI 基于 Prototype Javascript 框架,包含了一整套经严 ......
5、用 构造函数+原型 定义一个类;同一构造函数可以定义出多个类型
/**
* $define 写类工具函数之二
* @param {Object} constructor
* @param {Object} prototype
*/
function $define(constructor,prototype) {
var c = constructor || function(){};
var p = prototype || {};
r ......