易截截图软件、单文件、免安装、纯绿色、仅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 开发工具


Build your web applications quickly and easily using the industry leading web application IDE -- Aptana Studio.
Introduction:
Aptana Studio is a complete web development environment that combines powerful authoring tools for HTML, CSS, and JavaScript, along with thousands of additional plugins ......

javascript验证1

function $id(s) {
    return document.getElementById(s);
}
//判断小数
function IsFloat(s) {
    if (!/^[+\-]?\d+(.\d+)?$/.test(s))
        return false;
    else
        return ......

javascript验证3

/*
    限制输入字符的位数
    str是用户输入字符串,len是要限制的位数
    ----------------------------
*/
function isSmall(str,len){
    if (str.length<len){
        return(true);
  &nb ......

JavaScript 判断checkbox取值问题

要取什么值?
取value:getElementById("STB_433").value;
取状态(是否check):getElementById("STB_433").checked
取ID:getElementById("STB_433").id
...
var checkboxs=document.getElementsByTagName("input");
var i;
for(i=0;i<checkboxs.length;i++)
{
if(checkboxs[i].type=='checkbox')
{ ......

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号