js学习

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.onsubmit=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')                      可用于添加已有的样式