我的漫漫程序之旅

专注于JavaWeb开发

Prototype1.6 实战02 <$A $F $H $R $w $>

<HTML>
 <HEAD>
  <TITLE>$A $F $H $R $w $</TITLE>
<script src="prototype.js" type="text/javascript"></script>
<script>
        //$A(iterable) 里面传一个可迭代的任意类型集合 --> 转换为Array
        function test$A()
        {
            //返回一个NodeList
            var texts = document.getElementsByTagName("input");
            //用$A方法将其强制转换为Array
            var arr = $A(texts);
            //遍历隐藏所有元素
            arr.each(Element.hide);
            //显示最后一个input元素
            $(arr.last()).show();
        }
        //$F("id") 方便得到form中某一控件的值
        function form$F()
        {
            //注意$F直接返回form中控件的值,而不是对象
            alert($F("username"));
        }
        //$H 方便得将一个对象转换为Hash类
        function test$H()
        {
            var arr = {name:"admin",age:22,sex:"male"};
            var hash = $H(arr);
            //迭代输出,h 是每一个对象
            hash.each(function(h)
            { 
                alert(h.key + ' = "' + h.value + '"'); 
            }
            ); 
        }
        //#R 方便的创建一个ObjectRange对象,表示在一定范围的对象(当然可以是数字或字母)
        function test$R()
        {
            //默认就是false
            var range = $R(1,3,false);
            range.each(
            function(value,index)
            {
                alert(value);
            }
            );
            //不包括d
            var range2 = $R("a","d",true);
            range2.each(function(value,index)
            {
                alert(value);
            });
        }
        //$w将一个字符串分隔为数组,分隔符为空格
        function test$w()
        {
            var arr = $w("zdw shy xiaojiao");
            arr.each(function(value,index)
            {
                alert(value);
            });
        }
        //$(id | element)得到一个dom对象根据id标识
        function test$()
        {
            alert($('username').value);
        }
        //$(id | element)得到一个dom对象根据id标识,可传入多个
        function test$2()
        {
            var arr = $('username','city');
            arr.each(function(obj,index)
            {
                alert(obj.value);
            });
        }
</script>
 </HEAD>

 <BODY>
    <input type="text" value="北京" />
    <input type="text" value="上海" />
    <input type="text" value="天津" id="city" />
    <br />
    <button onclick="test$A();">测试</button>

    <br />
    <form action="#" >
        <input type="text" id="username" value="admin" /> <br />
        <input type="button" value="得到form控件值" onclick="form$F();"/>
    </form>
    <br />
    <input type="button" value="$H 测试" onclick="test$H();"/>
    <input type="button" value="$R 测试" onclick="test$R();"/>
    <input type="button" value="$w 测试" onclick="test$w();"/>
    <input type="button" value="$ 测试" onclick="test$();"/>
    <input type="button" value="$ 测试2" onclick="test$2();"/>
 </BODY>
</HTML>

posted on 2008-07-23 10:51 々上善若水々 阅读(30) 评论(0)  编辑  收藏 所属分类: JavaScript


标题  
姓名  
主页
验证码 *  
内容(请不要发表任何与政治相关的内容)  
  登录  使用高级评论  新用户注册  返回页首  恢复上次提交      
该文被作者在 2008-07-23 11:25 编辑过
 
 

相关链接:
网站导航:

导航

<2008年12月>
日一二三四五六
30123456
78910111213
14151617181920
21222324252627
28293031123
45678910

统计

留言簿(12)

随笔档案(24)

文章分类(277)

文章档案(228)

搜索

最新评论

阅读排行榜

评论排行榜