一.获取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,喜欢的看看
分享到:
相关推荐
里面包含了大部分的javascript命令,语法
node.js 常用命令
txt格式,我总结的一些javascript常用操作,例如屏蔽鼠标右键、不准粘贴、防止复制、IE地址栏前换成自己的图标、关闭输入法、网页将不能被另存为等,对你有用的话支持一下哦
JavaScript应用实例-adb5037常用命令.js
javascript常用方法,javascript常用判断,javascript实用命令,javascript常用函数集,javascript常用55个技巧,javascript深度剖析,107个常用的javascript语句.
select元素javascript常用操作,实用!
JavaScript常用运算符和操作符总结(教辅)JavaScript常用运算符和操作符总结(教辅)JavaScript常用运算符和操作符总结(教辅)JavaScript常用运算符和操作符总结(教辅)JavaScript常用运算符和操作符总结(教辅)...
12.JS 中的比较操作符有:==等于,!=不等于,>,>=, 13.JS 中声明变量使用:var 来进行声明 14.JS 中的判断语句结构:if(condition){}else{} 15.JS 中的循环结构: for([initial expression];[condition];[upadte e...
js常用方法 欢迎大家下载!里面的内容很多,主要有js的常用鼠标事件的方法!喜欢js的朋友可以下载!很全面的!
包含js基础属性整理 js常用方法以及js属性操作方法和常用的js方法调用 myeclipse 快捷键整理 Unix常用的命令
javascript的常用命令,简单,方便
JavaScript学习笔记_js常用函数封装_js包 gulp scss 模块化开发 github常用命令
JavaScript应用实例-git常用命令.js
配套资源
常用js操作记录
javascript操作数组常用方法,包括删除、添加、查找元素是否存在等方法 javascript操作数组常用方法,包括删除、添加、查找元素是否存在等方法 javascript操作数组常用方法,包括删除、添加、查找元素是否存在等方法
Js操作Excel常用方法.pdf
所有常用的javaScript命令,有了它,不用再找其它的参考资料。