今天本打算利用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'标签的位置;
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'标签的位置;