prototype1.4简介_yj(12)

prototype1.4简介_yj

</script>

<input type="button" value="Show List" onclick="showList();" >

使用我们新的最好的朋友，prototype.js，我们可以把它生写成这样

function showList(){

var simpsons = ['Homer', 'Marge', 'Lisa', 'Bart', 'Meg']; simpsons.each( function(familyMember){ alert(familyMember); }); }

你可能会想“非常奇怪的方式...相对旧的，这种语法太怪异了”。哦，在上面的例子，确实什么也没有，在这个简单得要死例子中，也没有改变太多啊，尽管如此，请继续读下去。 在继续下面内容之前，你注意到那个被做为一个参数传递给each函数的函数？我们把它理解成迭代器函数。

4.2 Your arrays on steroids 就如我们上面提到的，把你的Array中的elements当成相同的类型使用相同的属性和函数是很通用(Common,不知该翻译成通用还是庸俗)的。让我们看看怎么样利用我们新的马力强劲的Arrays的迭代功能吧。 依照标准找到一个element。

<script>

function findEmployeeById(emp_id){ var listBox = $('lstEmployees')

var options = listBox.getElementsByTagName('option'); options = $A(options);

var opt = options.find( function(employee){ return (employee.value == emp_id); });

alert(opt.innerHTML); //displays the employee name }

</script>

<select id="lstEmployees" size="10" > <option value="5">Buchanan, Steven</option> <option value="8">Callahan, Laura</option> <option value="1">Davolio, Nancy</option> </select>

<input type="button" value="Find Laura" onclick="findEmployeeById(8);" >

现在我们再下一城，看看如何过滤一个Array中的元素，从每个元素中得到我们想要的成员。

<script>

function showLocalLinks(paragraph){ paragraph = $(paragraph);

var links = $A(paragraph.getElementsByTagName('a')); //find links that do not start with 'http' var localLinks = links.findAll( function(link){

百度搜索“77cn”或“免费范文网”即可找到本站免费阅读全部范文。收藏本站方便下次阅读，免费范文网，提供经典小说教育文库prototype1.4简介_yj(12)在线全文阅读。