zoukankan      html  css  js  c++  java
  • prototype.js 教程一

    1. Programming Guide

    1.1. Prototype是什么?

    1.2. 关联文章

    1.3. 通用性方法

    1.3.1. 使用 $()方法

    1.3.2. 使用$F()方法

    1.3.3. 使用$A()方法

    1.3.4. 使用$H()方法

    1.3.5. 使用$R()方法

    1.3.6. 使用Try.these()方法

    1.4. Ajax 对象

    1.4.1. 使用 Ajax.Request类

    1.4.2. 使用 Ajax.Updater 类

    2. prototype.js参考

    2.1. JavaScript 类的扩展

    2.2. 对 Object 类的扩展

    2.3. 对 Number 类的扩展

    2.4. 对 Function 类的扩展

    2.5. 对 String 类的扩展

    2.6. 对 document DOM 对象的扩展

    2.7. 对 Event 对象的扩展

    2.8. 在 prototype.js中定义的新对象和类

    2.9. PeriodicalExecuter 对象

    2.10. Prototype 对象

    2.11. Class 对象

    2.12. Ajax 对象

    2.13. Ajax.Base

    2.14. Ajax.Request

    2.15. options 参数对象

    2.16. Ajax.Updater

    2.17. Ajax.PeriodicalUpdater

    2.18. Element 对象

    2.19. Abstract 对象

    2.20. Abstract.Insertion

    2.21. Insertion 对象

    2.22. Insertion.Before

    2.23. Insertion.Top

    2.24. Insertion.Bottom

    2.25. Insertion.After

    2.26. Field 对象

    2.27. Form 对象

    2.28. Form.Element 对象

    2.29. Form.Element.Serializers 对象

    2.30. Abstract.TimedObserver

    2.31. Form.Element.Observer

    2.32. Form.Observer

    2.33. Abstract.EventObserver 类

    2.34. Form.Element.EventObserver

    2.35. Form.EventObserver

    2.36. Position 对象 (预备文档)

    覆盖版本 1.3.1

    Chapter 1. Programming Guide

    1.1. Prototype是什么?

    或许你还没有用过它, prototype.js 是一个由Sam Stephenson写的JavaScript包。这个构思奇妙编写良好的一段兼容标准的一段代码将承担创造胖客户端,高交互性WEB应用程序的重担。轻松加入Web 2.0特性。

    如果你最近体验了这个程序包,你很可能会发现文档并不是它的强项之一。像所有在我之前的开发者一样,我只能一头扎进prototype.js的源代码中并且试验其中的每一个部分。我想当我学习他的时候记写笔记然后分享给其他人将会很不错。

    我也一起提供了这个包的对象,类,方法和扩展的 非官方参考

    1.2. 关联文章

    高级JavaScript指南

    1.3. 通用性方法

    这个程序包里面包含了许多预定义的对象和通用性方法。编写这些方法的明显的目的就是为了减少你大量的重复编码和惯用法。

    1.3.1. 使用 $()方法

    $() 方法是在DOM中使用过于频繁的 document.getElementByIdx() 方法的一个便利的简写,就像这个DOM方法一样,这个方法返回参数传入的id的那个元素。

    比起DOM中的方法,这个更胜一筹。你可以传入多个id作为参数然后 $() 返回一个带有所有要求的元素的一个 Array 对象。下面的例子会向你描述这些。

    <HTML>
    <HEAD>
    <TITLE> Test Page </TITLE>
    <script src="prototype-1.3.1.js"></script>
     
    <script>
        function test1()
        {
            var d = $('myDiv');
            alert(d.innerHTML);
        }
     
        function test2()
        {
            var divs = $('myDiv','myOtherDiv');
            for(i=0; i<divs.length; i++)
            {
                alert(divs[i].innerHTML);
            }
        }
    </script>
    </HEAD>
     
    <BODY>
        <div id="myDiv">
            <p>This is a paragraph</p>
        </div>
        <div id="myOtherDiv">
            <p>This is another paragraph</p>
        </div>
     
        <input type="button" value=Test1 onclick="test1();"><br>
        <input type="button" value=Test2 onclick="test2();"><br>
     
    </BODY>
    </HTML>
  • 相关阅读:
    【数据库开发】数据库连接池及其工作原理
    【数据库开发】在Windows上利用C++开发MySQL的初步
    【数据库开发】is not allowed to connect to this MySQL server解决办法
    【数据库开发】 C连接mysql——常用的函数
    【数据库开发】在Windows上和Linux上配置MySQL的过程
    【数据库开发】在Windows上和Linux上配置MySQL的过程
    【数据库开发】MySQL命令大全
    【数据库开发】MySQL命令大全
    【数据库开发】MySQL修改root密码
    【数据库开发】MySQL修改root密码
  • 原文地址:https://www.cnblogs.com/fxair/p/2299424.html
Copyright © 2011-2022 走看看