[ 2007-8-6 17:03:00 | By: ibrahim ]
javascript操作Select标记中options集合
先来看看options集合的这几个方法：
options.add(option)方法向集合里添加一项option对象；
options.remove(index)方法移除options集合中的指定项；
options(index)或options.item(index)可以通过索引获取options集合的指定项；
javascript代码如下：
var selectTag = null; //select标记
var OPTONLENGTH = 10; //每次填充option数
var colls = []; //对select标记options的引用
window.onload = function(){
selectTag = document.getElementById("SelectBox"); //获取select标记
colls = selectTag.options; //获取引用
//init ......
如果你想进一步了解如何用JavaScript来为网页添加交互性的话，你也许已经听过JavaScript的事件代理（event delegation）了，并且会觉得只有那些牛逼烘烘的JavaScript程序员才会关心这样复杂的设计模式。事实上，如果你已经知道怎么样去添加JavaScript的事件处理器（event handler），实现事件代理也是件轻而易举的事情。
JavaScript事件是所有网页交互性的根基（我指的是真正的互动性，而不仅是那些CSS的下拉菜单）。在传统的事件处理中，你按照需要为每一个元素添加或者是删除事件处理器。然而，事件处理器将有可能导致内存泄露或者是性能下降——你用得越多这种风险就越大。JavaScript事件代理则是一种简单的技巧，通过它你可以把事件处理器添加到一个父级元素上，这样就避免了把事件处理器添加到多个子级元素上。
它是怎么运作的呢？
事件代理用到了两个在JavaSciprt事件中常被忽略的特性：事件冒泡以及目标元素。当一个元素上的事件被触发的时候，比如说鼠标点击了一个按钮，同样的事件将会在那个元素的所有祖先元素中被触发。这一过程被称为事件冒泡；这个事件从原始元素开始一直冒泡到DOM树的最上层。对任何一个事件来说，其目标元素都是原始元素，在我们� ......
indexOf
返回元素在数组的索引，没有则返回-1。与string的indexOf方法差不多。
如果其他浏览器没有实现此方法，可以用以下代码实现兼容：
Array.prototype.indexOf = function(el, start) {
var start = start || 0;
for ( var i=0; i < this.length; ++i ) {
if ( this[i] === el ) {
return i;
}
}
return -1;
};
var array = [2, 5, 9];
var index = array.indexOf(2);
// index is 0
index = array.indexOf(7);
// index is -1
lastIndexOf
与string的lastIndexOf方法差不多。
如果其他浏览器没有实现此方法，可以用以下代码实现兼容：
Array.prototype.indexOf = function(el, start) {
var start = start || 0;
for ( var i=0; i < this.length; ++i ) {
if ( this[i] === el ) {
return i;
}
}
return -1;
};
forEach
各类库中都实现相似的each方法。
如果其他浏览器没有实现此方法，可以用以下代码实现兼容：
Array.prototype.forEach = function(fn, thisObj) {
var scope = ......
一、声明字符串:
var normal_monkey = "I am a monkey!<br>";
document.writeln("Normal monkey " + normal_monkey);
var bold_monkey = normal_monkey.bold();
document.writeln("Bold monkey " + bold_monkey);
这里的声明： var bold_monkey = normal_monkey.bold();
和下面对声明是等同的：
var bold_monkey = "<b>" + normal_monkey + "</b>";
第1个版本的声明看起来要简明得多。这里用到了字符串对象中
的bold对象，其他的字符串对象还有indexOf, charAt,
substring, 以及split, 这些方法可以深入字符串的组成结构。
首先我们研究一下indexOf。
2、indexOf
indexOf用于发现一系列的字符在一个字符串中等位置并告诉你子字符串的起始位置。如
果一个字符串中部包含该子字符串则indexOf返回returns "-1."
例子：
var the_word = "monkey";
//让 ......
在Java中，基本类型之间的强制转换也不是这样的，比如，整数要转换成字符串，必须使用Integer.toString()静态方法或者String.valueOf()静态方法，把字符串转换为整数，必须使用Integer.valueOf()。
可见，不能把JavaScript中的类型转换看作为“强制类型转换”。
在JavaScript中，Double类型和Int类型都是看作为Number对象，因此无论是typeof 1还是typeof 1.0，都是返回number。这样我们可以不用去管是Int还是Double类型，让JavaScript解释引擎内部去处理。
如果要把Number转换成String，可以使用Number的toString()方法，（象(1).toString()括号必须或者 1 .toString()空格必须，否则会编译出错，如果是变量则无需），或者调用String()函数，这两种方法都会自动调用解释引擎内部的 NumberToString()，或者根据进制调用其它函数，基本类似。
如果要把String转换成Number，可以使用Number()函数，他会自动判断String中是整数还是浮点数，然后内部使用相应的数据类型，另外可以使用全局函数parseInt()和parseFloat()，他们根据你的要求进行转换。同样的，他们在解释引擎内部机制上是使用了 StringToNumber，StringToInt等等内部的函数。
而如果是Double转换成In ......
1.不过我教你一个学做网页的技巧
每看到一个漂亮的网页就查看下代码
2.看张孝祥的视频
3。从基础学起。然后学些基本的WEB开发应用
推荐一个网站http://www.ccscript.cn/
该站详细分类JS的基础,对象,极其应用；
该站有多种当今流行的JS框架；
站内主打Jquery框架的基础及应用；
包括特效代码和展示特效；
站内同时提供多种其它WEB开发服务应用；
JS+JQuery QQ群：12845737
4.推荐的那三本书（dom编程艺术 /javascript 高级程序设计 /javascript 权威指南（犀牛书））都相当不错. 不过初学者,建议先从<<javascript 权威指南>>这个看起,这本将的东西比较基础
5.我的秘诀只有三条：
（1）学习掌握JavaScript的基本语法。这个容易办到，这类书太多了，建议你不要读太厚的书，也不要看没有例子的书。照例子敲，执行一下看一下效果，分析其关键点所在。看例子不会让你感觉无聊！或者你干粹就看一下《JavaScript 语言参考》中文版，网上到处可以下载到。尤其是原型的概念，很关键哟^_^，
（2）利用成熟的开源，学习其函数库的使用方法。这点很重要，在以后的工作中，许多东西不需要自己从低层写的，尤其是JavaScript这种不太好调试，也不太好 ......
最新文章 : javascript