js基础知识

一.js函数的3种形式

// 普通函数
    function sum(a,b){
        console.log(a,b);
    }

// 匿名函数

    var func = function(arg){
        console.log('123');
    }

// 自执行函数

    (function(arg){
        console.log(arg);
    })('123')

二.for循环遍历

　　1.for(var i=0; i<obj.length; i++)    （初始表达式；条件表达式；自增或自减）只可以遍历普通的数组

　　{
   　　　　执行语句
   　　　　……
 　　}

　　2.for(var i in 数组/对象)    in可以遍历数组或对象

　　{
   　　　　执行语句
   　　　　……
 　　}

三、Window函数常用方法

alert()        
confirm()    显示一个带有指定消息和 OK 及取消按钮的对话框
confirm("确定要清空数据吗？")       

setInterval( js,毫秒)      可按照指定的周期（以毫秒计）来调用函数或计算表达式
clearInterval( )            取消某setInterval( )的设置

setTimeout(js,毫秒 )     在指定的毫秒数后调用函数或计算表达式  
clearTimeout( )           取消某setTimeout( )的设置


location.href                  获取URL
location.href = "url"       重定向
location.reload()           刷新

 

四.获取元素节点

 

1.直接查找：

document.getElementById(“idname”) 
document.getElementsByTagName(“tagname”)
document.getElementsByName(“name”)
document.getElementsByClassName(“name”)

2.间接查找：

　　　　　obj = document.getElementById(“idname”)
     　　　 obj.parentElement           // 父节点标签元素
               obj.children                      // 所有子标签
               obj.firstElementChild        // 第一个子标签元素
               obj.lastElementChild        // 最后一个子标签元素
               obj.nextElementtSibling     // 下一个兄弟标签元素
               obj.previousElementSibling  // 上一个兄弟标签元素

3.设置样式属性
　　　　Element.style.background=“red”;
　　　　Element.className = “className”;

　　　　对于含有中划线的css属性，将每个中划线去掉并将每个中划线后的第一个字符换成大写即可。

　　　　obj.style.borderLeftWidth=‘100px’

五、事件

1.一般事件

　　获得焦点事件onfocus
　　失去焦点事件onblur

 

 2.页面事件

　　载入页面onload

　　window.οnlοad=函数名;

3.鼠标事件

　　单击事件onclick
　　单击事件ondbclick
　　鼠标移入事件onmouseover
　　鼠标移出事件onmouseout

4.键盘事件

　　键按下事件onkeydown
　　键抬起事件onkeyup
　　键按下并抬起事件onkeypress

六、事件绑定三种方式：

　　1:html属性方式

　　2:对象属性方式（本例中，this只指代bd对象自己）

　　3:addEventListener方式 （第一个事件参数，一律把事件名称的“on”去掉，如onclick去掉on；能为同一种事件,如onclick,绑定多个函数）

    

 

转载于:https://www.cnblogs.com/wt11/p/6500816.html