08/12/17

今天本打算利用javascript做一个系统的导航的，所以在网上看了prototype.js，发现其中确实有许多很好用的方法

1、数组
包含prototype.js后，可以将数组的应用改为像在ruby中一样方便的应用：

原来javascript的方法：

for (var index = 0; index < myArray.length; ++index) {
  var item = myArray[index];
  // Your code working on item here...
}

包含prototype.js后的应用方法：

myArray.each(function(item) {
  // Your code working on item here...
});

另外，其中的数组也包含ruby中数组的许多方法，例如，clear，clone，compact，first等；

2、更新div内的内容

原来更新的方法为： document.getElementById('my_id').value = "new_content"

包含后为：$('my_id').update("new_content")即可将div中的内容更新为new_content；

3、样式的添加和删除

可以用hasClassName("className")来判断，该元素是否有className样式；

用addClassName("className")来为元素添加名为className的样式；

用removeClassName("className")将元素中名为className的样式去除；

4、原来在页面中添加定位链接时的做法为：

<a href="#a_name">some words</a>

<a name="a_name">some words</a>

现在可以便捷的改为：

$('div').scrollTo()即可将页面定位到id='div'标签的位置；