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