日期:2014-05-16  浏览次数:20374 次

js常用操作
一.获取html标签对象的document.all、getElementById、getElementsByName、getElementsByTagName的

区别
   1.document.all["id/name值"]/document.all.id/name:获取元素对象(id/name的值多个时获取多个对

象的数组),只有IE能识别
   2.getElementById("id/name值");获取单个元素对象(id/name值有多个时,只取第一个)
   3.getElementsByName("id/name值");获取多个元素对象的数组
   4.getElementsByTagName("标签名");根据标签名获取多个元素对象的数组
   5.获取标签对象的值:标签对象.value

二.js中直接进入servlet或action:
   1.表单对象.submit(); //可提交表单数据
   2.Window.location.href=""; //只可带参

三.js操作table
   1.tableObj.insertRow(); //动态为表格添加行
   2.tableObj.deleteRow(trObj); //动态删除表格行
   3.trObj.insertCell(); //动态为表格添加列
   4.table.rows[i].cells[j].innerText; //动态改变列中的数据

四.字符串获取操作
   1.stringObject.lastIndexOf("."); //从主字符串的尾到头获取指定子字符串在主字符串中的索引(

从0开始)
   2.stringObject.indexOf("."); //从主字符串的头到尾获取指定子字符串在主字符串中的索引(从0开

始)
   3.stringObject.substring(startIndex,endIndex); //获取从指定的开始位置到指定的结束位置的字

符串
   4.replace("string1","string2"); //后一个替换前一个
   5.stringObject.split(separator,howmany); //将字符串以指定的分隔符分割成字符串数组(返回一

个数组)
     separator:从该参数指定的地方将每个separator前的字符串分割并保存到新数组中
     howmany:可选参数,该参数可指定返回的数组的长度
     注:(1).separator为""时stringObject中的每个字符都将被分割成单字符,js中

stringObject.split()的操作与array.join的操作相反
        (2).分隔符为./|/*/+/\等特殊字符时需转义
        (3).如果被分割的字符串中有多个分隔符时可以用"|"连接每个分隔符(如:String str="Java

string-split#test",可以用Str.split(" |-|#")把每个字符串分开

五.js动态获取/添加/设置HTML内容(包括html标签对象)
   1.innerHTML属性:只针对容器标签(form/div/table/span...)对象
     获取:容器标签对象.innerHTML; //获取容器标签中的内容(包括html标签)为字符串
     设置:容器标签对象.innerHTML="字符串/html内容"; //将容器标签对象中内容重新设置为指定内容

(清空原内容)
   2.outerHTML属性:针对任意标签对象
     获取:标签对象.outerHTML; //获取本容器标签及其中的内容(包括html标签)为字符串
     设置:标签对象.outerHTML="字符串/html内容"; //将容器标签对象及其中内容重新设置为指定内容
   3.innerText属性:
     获取:容器标签对象.innerText; //获取容器标签对象中的所有纯文本内容
     设置:任意标签对象.innerText="String"; //将标签对象中的内容(包括html标签)设置为指定纯文

本内容
   4.outerText属性:
     获取:容器标签对象.outerText; //获取容器标签对象中的所有纯文本内容
     设置:任意标签对象.outerText="String"; //将本标签对象及其中的内容(包括html标签)设置为指

定纯文本内容
   5.insertAdjacentHTML/insertAdjacentText方法:在指定的地方追加(不清空原内容)html/纯文本内容
     (1).insertAdjacentText:任意标签对象.insertAdjacentText("beforeBegin:插入到标签

前/afterBegin:插入到开始标签后原内容前/beforeEnd:插入到结束标签前原内容后/
afterEnd:插入到标签后","插入内容");
     (2).insertAdjacentHTML:任意标签对象.insertAdjacentHTML("beforeBegin:插入到标签

前/afterBegin:插入到开始标签后原内容前/beforeEnd:插入到结束标签前原内容后/
afterEnd:插入到标签后","插入内容");

六.js动态改变标签的属性
   1.Object.getAttribute("attributeName"); //获取标签对象指定属性名的属性值
   2.Object.removeAttribute("attributeName"); //删除标签对象指定的属性
   3.Object.setAttribute("attributeName","attributeValue"); //给标签对象指定属性名的属性重新

设值

七.js定时器:
  var tt=setTimeout("时间到时要调用的js语句",毫秒数);//定次定时器,时间到后只执行一次就不执行

了,一定要用双引号引起要调用的js语句
  clearTimeout(timename);//关闭定次定时器
  var iv=setInterval("时间到时要调用的js语句",毫秒数);//循环定时器,在指定间隔时间到时反复执

行(每隔指定时间都执行),一定要用双引号引起要调用的js语句
  clearInterval(timename);//关闭循环定时器

八.获取屏幕/浏览器宽/高度
   document.body.clientWidth; //获取浏览器窗口宽度
   document.body.clientHeight; //获取浏览器窗口长度
   window