prototype.js的使用

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

  $('aa') = document.getElementById('aa');

 

2.F()方法是另一个非常受欢迎的简写。它可以返回任何输入表单控件的值,如文本框或下拉框。 这个方法可以传入元素的id或者元素自己。

  F('aa') = document.getElementById('aa').value;

 

3.Ajax.Request()方法

使用方法:

var ajax = new Ajax.Request(url,{element});

element包括以下部分method,parameters,onComplete,asynchronous;

method:表示获得的方法,有post和get

parameters:表示参数

onComplete:表示回调方法

asynchronous:是否异步

示例:

var myAjax = new Ajax.Request(
    url,
    {
        method:'post',
        parameters:"inputtext="+inputvalue,
        onComplete:showResponse,
        asynchronous:true
    }
    );

 

 

4. Ajax.Updater 对网页中的部分进行直接更新

如果返回的内容是个网页的形式则可以直接对属性进行更新。

<script>
    function getHTML()
    {
        var url = 'http://yourserver/app/getSomeHTML';
        var pars = 'someParameter=ABC';

         var myAjax = new Ajax.Updater('placeholder', url, {method: 'get', parameters: pars});

    }
</script>

<input type=button value=GetHtml onclick="getHTML()">
<div id="placeholder"></div>

 

5.Element.show() 和 Element.hide();

Element.show("aa");显示命名为aa的网页部分

同理hide是隐藏命名为aa的网页部分。

阅读更多
换一批

没有更多推荐了,返回首页