js-函数

一.函数

1.1概述

函数可以把代码封装起来，并且可以重复利用，完成特定功能的代码块

1.2函数分类

1.2.1系统函数

"alert(123)"

eval(<表达式>）：将其中的参数字符串作为一个JavaScript表示式进行执行并返回结果

1.2.2自定义函数

 

（1）无参函数

function 函数名（）{
}

（2）有参函数

function 函数名（参数1，参数2）{
}

（3）有返无参

function 函数名（）{
return 返回值或变量；

}

（4）有返有参

function 函数名（参数1，参数2）{
return 返回值或变量；

}

1.2.3自定义函数的定义方式

 

（1）显示定义 function 函数名（）{}

（2）匿名定义 var method=function（）{}

（3）function定义 var calSum3 = new Function（'num1','num2',' 'return num1 + num2'）

 

1.2.4自定义函数的调用方式

 

（1）外部调用 HTMl标签上

（2）内部调用 类似JAVA

（3）函数调用函数

 

二、JavaScript局部变量和全局变量

    写在方法体的里面的变量称为局部变量；
    写在方法体之外的变量称为全局变量。

三、BOM编程（Browser Object Model）

    3.1 BOM概述

    （1）BOM（Browser Object Model）即浏览器对象模型。
         （2）BOM提供了独立于内容 而与浏览器窗口进行交互的对象；
        （3）由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是window；
       （4）BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性；
      （5）BOM缺乏标准，JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3C，BOM最初是Netscape浏览器标准的一部分。
    window：代表整个浏览器窗口（window是BOM中的一个对象，并且是顶级的对象），作用：移动、调整浏览器大小
    location： 代表浏览器当前的地址信息，通过Location我们可以获取或者设置当前的地址信息
    history：代表浏览器的历史信息，通过History我们可以实现上一步/刷新/下一步操作（出于对用户的隐私考虑，我们只能拿到当前的浏览记录，不能拿到所有的历史记录）
    navigator：代表浏览器当前的信息，通过Navigator我们可以获取用户当前使用的是什么浏览器
    screen：代表用户的屏幕信息
    document：访问HTML文档的入口

    3.2 常用方法

    prompt: 显示可提示用户输入的对话框
    alert: 显示带有提示信息和确定按钮的对话框
    confirm: 显示一个带有提示信息、确定和取消的对话框
    
    --window.open("1.html");//打开新的指定页面  【注意路径级别】
    --location.href("1.html");//不打开新页面的前提下直接进入新页面
    --location.reload();//刷新当前页面
    --window.close();//关闭当前页面
    --history.back();//返回 必须有历史记录 history.go(-1)
    --history.forward();//前进 必须有历史记录 history.go(1)

    setTimeout: 指定的延迟时间之后来执行代码（一次性计时器）
    setInterval: 每隔指定的时间执行代码（间隔性触发计时器）

    清除设置的定时器方法
    clearInterval():清除setInterval()设置的定时器
    clearTimeout():清除setTimeout()设置的定时器

    3.3 常用事件：

    onload：一个页面或一个图像完成加载
    onmouseover：鼠标移到某元素之上
    onclick：点击对象
    onkeydown：某个按键按下
    onchange：域的内容被改变