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
相关文档:
1.document.write("");
为
输出语句
2.JS
中的注释为
//
3.
传统的
HTML
文档顺序是
:document->html->(head,body)
4.
一个浏览器窗口中的
DOM
顺序是
:window->(navigator,screen,history,location,document)
5.
得到表单中元素的名称和值
:document.getElementById("
表 ......
http://news.csdn.net/a/20100519/218442.html
几乎所有的富 Web 应用都基于一个或多个 Web UI 库或框架,这些 UI 库与框架极大地简化了开发进程,并带来一致,可靠,以及高度交互性的用户界面。本文介绍了 15 个非常强大的 JavaScript Web UI 库,非常适合各种各种规模的富 Web 应用的开发。
LivePipe
LivePipe UI&nb ......
<html>19楼空间,`(uqj3~9?!F
<body>
Ob*p#?L;DL0<scrīpt LANGUAGE="Javascrīpt">
+t:{z]tbs0var s = "";19楼空间e kA3HoT1H
s += "网页可见区域宽:" + document.body.clientWidth;19楼空间cy2if}:H/SE@
s += "<br>网页可见区域高:"+ document.bo ......
7、dojo.js的写类方式
dojo最新是1.3.1了,记得07年时还是0.4。文档也渐渐多了起来,用dojo的也慢慢多了。dojo还发布了core版,压缩后只有
27kb。dojo中用dojo.declare方法来定义一个类。dojo.declare的源码就不贴在这里了。dojo.declare有三个参
数,
参数1:类名className
参数2:继承的类superclass
参数3:构造器 ......