js常用操作

maicose

浏览: 5082 次
性别:
来自: 广州

最近访客更多访客>>

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

web前端

js html

一.获取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.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>
这里好多视频下载学习http://www.itcast.cn/channel/video.shtml，喜欢的看看

分享到：

struts2对象取值

2013-11-18 09:15
浏览 639
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

js常用操作

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

js常用操作

评论

发表评论

相关推荐

乱码问题

AWT和Swing之间的基本区别

struts2对象取值

最近访客更多访客>>