js操作

最新推荐文章于 2024-11-04 14:24:17 发布

mahaizhen0000

最新推荐文章于 2024-11-04 14:24:17 发布

阅读量210

点赞数

分类专栏： js 文章标签： html string 浏览器 servlet action

js 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

一.获取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; //动态改变列中的数据//rows是行cells是对应的列

四.字符串获取操作
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.srceen.width; //得到屏幕的宽度
window.srceen.height; //得到屏幕的高度

js改变<a>中的href的值:<a>对象.href ="#";
js获取下拉列表中项的真实值/显示值:document.getElementById("下拉列表标签的Id")[index].value/text
将状态栏的状态显示为指定的字符串:window.status="";

obj.offsetTop; //获取控件的绝对位置
obj.offsetLeft; //获取控件的绝对位置
document.selection.createRange().text; //获取当前的文本框选中的文字
js中关闭浏览器:self.close();

js中的方法:
select();
focus();
submit();
reset();
alert();
confirm();
open();
close();
js中的事件
window.event.button=1:左键/2右键; //鼠标点击页面任意地方时触发的事件
window.load(); //和<body>标签中的onload事件等效的事件

用css将鼠标指针改变:
<style>
标签名.标签class值:hover{cursor:hand}
</style>