cehkongfuJS笔记.docVIP

方法定义（两数相加） 方法一：使用普通方法 function 方法名(参数1,参数n){ 方法体; } function add(a,b){ return a+b; } alert(add(1,1)); 方法二：构造函数方式定义javascript函数 var 变量名 = new Function(参数1,参数n,方法体); var add = new Function(a,b,return a+b;); alert(add(1,2)); 方法三：使用函数直接量的方式定义函数 var 变量名 = function(参数1,参数n){方法体} var add = function(a,b){return a+b;} var add = function(a,b){ return a+b; } alert(add(1,3)); 获取标签属性值 2.1 getElementById form name=form1 action=test.html method=post input type=text name=username value=xxxx id=tid input type=button name=ok value=保存/ /form script language=JavaScript //输出 input type=text name=username value=xxxx id=tid 标签value属性的值 //1 获取对应标签 var tidElement = document.getElementById(tid); //2 获取value属性 //3 打印 alert(tidElement.value); //输出 input type=text name=username value=xxxx id=tid 标签type属性的值 alert(tidElement.type); /script 2.2 getElementsByName form name=form1 action=test.html method=post input type=text name=tname value=aaaa id=tid_1 br input type=text name=tname value=bbbb id=tid_2 br input type=text name=tname value=cccc id=tid_3 br input type=button name=ok value=保存/ /form script language=JavaScript //通过元素的name属性获取所有元素的引用 var tnameElements = document.getElementsByName(tname); //测试该数据的长度 alert(tnameElements.length); //遍历元素,输出所有value属性的值 for(var i=0;itnameElements.length;i++){ var tnameElement = tnameElements[i]; alert(tnameElement.value); } //为每个文本框(input type=text)增加change事件,当值改变时,输出改变的值 for(var i=0;itnameElements.length;i++){ var tnameElement = tnameElements[i]; tnameElement.onchange = function(){ //this代表的是当前操作的标签 alert(this.value); } } /script 2.3 getElementsByTagName body form name=form1 action=test.html method=post input type=text name=tname value=xxxxx_1 id=tid_1 br input type=text name=tname value=xxxxx_2 id=tid_2 br input type=text name=tname value=xxxxx_3 id=tid_3 br input type=button name=ok value=保存/ /form select name=edu id=edu option value=博士博士----/option option value=硕士硕士----/option option val