js标签<script></script>
js引入<script src="aaa.js"></script>
js找标签 document.getElementsBy(Id,Classname.......)()
找到标签后赋值给一个变量,对变量用 . 点进行操作
修改css样式:标签对象.style.color='red'
js数组方法
join:用指定字符连接 --> var arr1=[1,2,3,4];
var ret = arr1.join('*') ; -->结果是 1*2*3*4
concat:拼接 --> var arr1=[1,2,3,4];
var b = arr1.concat(4,5); --> 结果是[1,2,3,4,4,5]
toString:转换为字符串类型 --> var b=arr1.toString
console.log(typeof b) -->结果是String类型
reverse:反转数组 --> var arr1=[10,45100,88]
arr1.reverse() --> 结果是 [88,100,45,10]
sort:数组排序(按最高位排序) -->var arr1 = [10,45,100,88]
arr1.sort() -->结果是[10,100,45,88]
普通按大小排序需要自定义一个函数: function f(a,b){
if (a>b){
return 1
}
if (a<b){
return -1
}
else{return 0 }}
然后调用function ----> arr1.sort(f)
slice:切片
lenlength:长度
splice:删除或者添加数据
删除 -->var arr1=[1,2,3,4,5,6]
arr1.splice(1,2) -->结果是从下标1处删除两个元素 [1,4,5,6]
添加 -->var arr1=[1,2,3,4,5,6]
arr1.splice(1,0,7,8) -->结果是从下标1处删除零元素 ,添加元素[7,8]
[1,2,3,4,5,6,7,8]
push:栈添加 --> var arr1= [1,2,3]
arr1.push([4,5]) -->结果是[1,2,3,[4,5]] 直接原形式添加在数据最后
arr1.push(4,5) -->结果是[1,2,3,4,5]
pop:取出栈数据 --> var arr1=[1,2,3]
arr1.pop -->将最后一个数据取走,取出3
unshift:栈添加 --> var arr1=[1,2,3]
arr1.shift([4,5]) ->结果是[[4,5],1,2,3] 直接原形式添加在数据最前面
shift:取出栈数据
--> var arr1=[1,2,3]
arr1.shift -->将第一个数据取走,取出1
arguments 可以获取函数的所有参数
注意多次点击运行函数会产生多次
windows命令
window命令: window.alert('aa') -->弹出提醒aa
window.confrim('aa') -->>弹出提醒aa并有确认与取消按钮,分别返回True和Flase
window.prompt('aa') -->弹出提醒aa并有一个输入框和确认取消按钮,分别返回输入的值和空
open('url') --> 打开指定网址
close() -->关闭浏览器
var cc=setInterval(f,1000) --> f函数每隔1000ms执行一次
clearInterval(cc) -->关闭指定的setinterval函数 cc
var aa=setTimeout(f,1000) --> 1000ms后运行一次f函数 只运行一次
clearTimeout(aa) -->关闭指定的setTime函数 cc
history命令:
history.go(1) -->前进一个页面
history.back(1) -->后退一个页面
location命令:
location.assign(url) -->跳转到url,相当于链接
location.replace(url) -->直接转到url,不是跳转,没有后退
location.reload() -->刷新页面
兄弟标签
var chils= s.childNodes; //得到s的全部子节点
var par=s.parentNode; //得到s的父节点
var ns=s.nextSbiling; //获得s的下一个兄弟节点
var ps=s.previousSbiling; //得到s的上一个兄弟节点
var fc=s.firstChild; //获得s的第一个子节点
var lc=s.lastChile; //获得s的最后一个子节点
=
onclick:点击某个对象时
ondblclick:双击某个对象时
onfocus:元素获得焦点
onblur:元素失去焦点
onchange:域的内容被改变
onkeydown:某个键盘按键被按下
onkeypress:某个键盘按键被按下并松开
onkeyup:某个键盘按键被松开
onload:一个页面或一幅图片加载完成
onmousedowm:鼠标按钮被按下
onmousemove:鼠标被移动
onmouseout:鼠标从某元素移开
onmouseover:鼠标移到某元素之上
onmouseleave:鼠标从元素离开
onselect:文本被选中
onsubmit:确认按钮被点击时 -->函数返回值为flase时可以拦截表单的提交
Event对象:加在function的()中,可随意指定
必须是在 var ele=ducument.get ElementByid('aaa');
ele.οnsubmit=function(e){} 这种定义方式中
e.stopPropagation -->阻止事件向外层div传播
e.preventDefault -->拦截表单提交
node:
creatElement(name)创建标签元素
appendChild();添加元素
removeChild(); 删除元素
innerHTML属性修改元素的内容
setAttribute();修改属性
innerHTML 和 innerTEXT 区别:HTML会自动识别标签 ,TEXT纯文本
查看元素的class名称:对象.className ele.classList[0]
添加class名称: ele.classList.add('name') 可用于添加已有的样式