JS基础（接上篇）

一：基本语法

1：流程控制语句

• if语句：

       

• switch 语句：

  

• for 循环语句:

       

• while 循环语句：

       

• do-while 循环语句：

       

2.函数

JavaScript 函数通过 function 关键词进行定义。

函数的定义方式：

1. function 函数名(参数1,参数2,..){
       要执行的代码
   }
   

     2.

var 函数名 = function(参数列表){
    要执行的代码
}

 函数的调用：

语法如下：

注意：

• 在JavaScript中，函数调用可以传递任意个参数。
• 如果实参的个数大于形参的个数，会取到形参的个数。
• 如果实参的个数小于形参的个数 ，多于的形参定义为undefined，最终的结果就是 NaN。

二：JS常用对象

 

JS中常用的对象总共分三类：

• 基本对象：Array、Boolean、Date、Math、Number、String、RegExp（正则）、Global。
• BOM对象：Window、Navigator、Screen、History、Location。
• DOM对象：Document、Element、Attribute、Text、Comment等等。
   

 1.Array对象（用于定义数组）

    数组的属性：

• constructor：返回对创建此对象的数组函数的引用。（返回数组的构造函数）
• length： 设置或返回数组中元素的数量。
• prototype： 允许您向数组添加属性和方法。

2.String对象 (表示字符串)

   String对象常用属性：

• String对象通过 length 属性获取字符串长度。

   String对象常用函数：

• charAt()，返回指定索引处的字符。
• indexOf()，检索字符串。
• trim()，去除字符串两端的空格。

3.自定义对象 

自定义对象的声明与使用：

三：BOM

1.BOM概述

BOM(Browser Object Model)：浏览器对象模型。也就是 JavaScript 将浏览器的各个组成部分封装为对象。

BOM 中包含了如下几个对象：

• Window：浏览器窗口对象。
• Navigator：浏览器对象。
• Screen：屏幕对象。
• History：历史记录对象。
• Location：地址栏对象。

2、Window对象

window 对象是 JavaScript 对浏览器的窗口进行封装的对象。

window对象属性：
window对象提供了获取其他 BOM 组成对象的属性：

history：对History对象的只读引用。
location：用于窗口或框架的Location对象。
Navigator：对Navigator对象的只读引用。
Screen：对Screen对象的只读引用。
document：获取文档对象。

window对象函数
window对象常用函数：

alert()：显示带有一段消息和一个确认按钮的警告框。
confirm()：显示带有一段消息以及确认按钮和取消按钮的对话框。
setTimeout(function,毫秒值) : 在一定的时间间隔后执行一个function，只执行一次。
setInterval(function,毫秒值) :在一定的时间间隔后执行一个function，循环执行。

四：DOM(文档对象模型)

1.DOM概述

DOM(Document Object Model)：文档对象模型。也就是 JavaScript 将 HTML 文档的各个组成部分封装为对象。

DOM 中包含了如下几个对象：

• Document：整个文档对象。
• Element：元素对象。
• Attribute：属性对象。
• Text：文本对象。
• Comment：注释对象。

2、获取 Element对象
HTML 中的 Element 对象可以通过 Document 对象获取，而 Document 对象是通过 window 对象获取。

document对象中提供了以下获取 element元素对象的函数：

getElementById()：根据id属性值获取，返回单个Element对象。
getElementsByTagName()：根据标签名称获取，返回Element对象数组。
getElementsByName()：根据name属性值获取，返回Element对象数组。
getElementsByClassName()：根据class属性值获取，返回Element对象数组。