零碎的JS基础

一、js的三种弹窗:

警告框            弹出警告alert()

确认框            有确认内容的框confirm()有两个值,true和false 当用户按下确认键后,打印true的语句,按下取消键时,打印false的语句。

提示框            有输入的框prompt()括号里可以有两个值,第二个值是默认值

二、逻辑运算符

  1. 逻辑与 &&           只有两边都满足时才成立
  2. 逻辑或 ||     就是只要有一个满足就可以
  3. 逻辑非  !   就是取反的意思

三、循环之while和do while

While循环

while循环直接先进行判断,然后在进行代码的执行
声明变量i
在括号里写判断
执行代码和自增语句都在大括号里

do while循环

do while循环不管是否满足条件都会先执行一次代码,然后再进行判断

forin循环

for(var   key   in  object){}

列出对象所有的属性

Break和continue的区别

它们都用于精确的控制代码的执行。

break语句会立即退出循环,而continue语句退出当前循环,(相当于跳过它执行别的)

双重循环

for(){

for(){

}

}

一、作用域:局部变量不能被任意调用,全局变量可以被所以函数调用。

子函数可以调用父函数的局部变量

二、有名函数和匿名函数

1、有名函数定义:有名函数是由函数声明语法创建的(function name(){}

function flyToTheMoon(){

    alert("Zoom! Zoom! Zoom!");

}

flyToTheMoon();

有名函数可以在任何地方调用

2、匿名函数的定义:

var flyToTheMoon = function(){

alert("Zoom! Zoom! Zoom!");

}

flyToTheMoon();

匿名函数的调用只能在他的后面进行调用,匿名函数是在运行时动态声明的,没有函数名

三、函数的参数(parameter)

形参和实参

function sum(num1,num2) {  //形参
    console.log(num1+num2);  
}
sum(2,8);  //实参
 

1、          形参:形式参数,定义函数时的参数

2、          实参:实际参数,调用函数时传入的参数

四、函数的返回值return

return后什么都不写返回的是undefined,只执行return语句,后面的语句就不再执行

五、自执行函数(匿名函数的一个应用方法)

自执行函数直接调用自己,可以防止变量重名;

(function () {
    var oBtn = document.getElementById('btn2');
    oBtn.onclick = function () {
        this.value = '我被点击了!';
    }
})();

六、获取CSS样式的方法:

currentStyle 获取当前样式(又称计算后的样式)  IE浏览器兼容的获取方法

oDiv.currentStyle.display

getComputeStyle   IE高版本(8以上)和chrome、Firefox等浏览器兼容的获取方法

getComputedStyle(oDiv)['display']

同时兼容的写法:

if(oDiv.currentStyle){
    console.log(oDiv.currentStyle.display);
 }else {
    console.log(getComputedStyle(oDiv)['display']); }

七、Math.random()   获取0~1之间的随机数

原文地址:https://www.cnblogs.com/wangpengbin/p/6682028.html