js常用和BOM对象

一.什么是js：

JavaScript 是一种脚本语言（脚本语言是一种轻量级的编程语言）

核心（ECMAScript）：语法语句

文档对象模型（DOM）

浏览器对象模型（BOM）

引入内嵌式1

<script type="text/javascript">

    //此处为JavaScript代码

</script>

引入外联式

<script src="1.js" type="text/javascript" ></script>

二.变量

1.var 变量名;  //JavaScript变量可以不声明，直接使用。默认值：undefined  （声明操作）

2.var 变量名 = 值;  //JavaScript变量是弱类型，及同一个变量可以存放不同类型的数据 （赋值操作）

三.数据类型

1. undefined 默认是 undefined

2. Null ,只有一个专用值 null，表示空，一个占位符。值 undefined 实际上是从值 null 派生来的，因此 ECMAScript 把它们定义为相等的。

3. Boolean ，有两个值 true 和 false

4. Number ，表示任意数字

5.String  字符串由双引号（"）或单引号（'）声明的

 引用类型：

造一个对象：var obj = new Object();

造一个字符串对象：var str = new String();

造一个日期对象：var date = new Date();

四：函数

1.普通函数：

function 函数名（参数列表）{

    js逻辑代码

}

函数调用：函数名（实际参数）

例如：

求和函数

function add（a,b）{

    alert(a+b);

}

2.匿名函数：

没有名字的函数

function（参数列表）{

    js逻辑代码

}

但是匿名函数没有办法直接调用，一般情况下匿名函数有两种使用场景：

第一种：将匿名函数赋值给一个变量，使用变量调用函数

定义函数并赋值给变量：var fn = function(参数列表){js逻辑代码}

调用函数：fn(实际参数);

第二种：匿名函数直接作为某个函数实际参数

例如：

function xxx(数字类型参数，字符串类型的参数，函数类型的参数){

//js逻辑代码

}

调用该函数：

xxx(100,”abc”,function(){});

3.事件

事件名	描述
onload	某个页面或图像被完成加载
onsubmit	当表单提交时触发该事件---注意事件源是表单form
onclick	鼠标点击某个对象
ondblclick	鼠标双击某个对象
onblur	元素失去焦点
onfocus	元素获得焦点
onchange	用户改变域的内容
onkeydown	某个键盘的键被按下
onkeypress	某个键盘的键被按下或按住
onkeyup	某个键盘的键被松开
onmousedown	某个鼠标按键被按下
onmouseup	某个鼠标按键被松开
onmouseover	鼠标被移到某元素之上
onmouseout	鼠标从某元素移开
onmousemove	鼠标被移动

五.BOM对象

浏览器对象模型(将客户端的浏览器抽象成一类对象)，是将我们使用的浏览器抽象成对象模型，例如我们打开一个浏览器，会呈现出以下页面，通过js提供浏览器对象模型对象我们可以模拟浏览器功能。

1.Screen对象，Screen 对象中存放着有关显示浏览器屏幕的信息。

2. Window对象,Window 对象表示一个浏览器窗口或一个框架。

3.Navigator对象，包含的属性描述了正在使用的浏览器

4.History对象，保存浏览器历史的记录信息

5.Location对象，Location 对象是 Window 对象的一个部分，可通过window.location 属性来访问。

1>Window对象三个作用

 弹框的方法

 定时器

 全局方法

2>弹框的方法

 提示框：alert（提示信息）

 确认框：confirm（提示信息）

 输入框:prompt(提示信息)

3>定时器

 执行多次的定时器setInterval（函数，毫秒值）

    执行一次的定时器:setTImeout(函数，毫秒值)

   清除定时器：clearInterval

轮播图：

<script type="text/javascript">

            var i = 1;

            setInterval(function(){

                var imgId=document.getElementById("imgId");

                if(i<=3){

                    i++;

                }else{

                    i=1;

                }

                imgId.src="img/"+i+".jpg";

                },3000);

</script>

定时弹广告：

<script type="text/javascript">

    setTimeout(function(){

                var adDiv = document.getElementById("adDiv");

                adDiv.style.display="block";

               

                setTimeout(function(){

                    adDiv.style.display="none";

                },3000);

            },3000);

</script>

4>.全局方法

1. parseInt/parseFloat函数 ---- Integer.paseInt();

2. eval函数---特点：可以将字符串解析成js脚本

5.Location对象

location.href可以在js中进行url访问

location.href相当于在浏览器的地址栏中输入地址 并敲回车