JS函数和文档对象模型

函数

1.函数概念：

把一段需要重复使用的代码，用function语法包起来，方便重复调用，分块和简化代   码。复杂一点的，也会加入封装、抽象、分类等思想。提升代码的复用性。

2.函数声明：

function 函数名（形参列表）{
            执行代码
            return  值；//值可以是具体的某个值
        }

3.函数调用：

var result=函数名（实参列表）；//result根据函数返回值而定

4.函数传参：

函数的参数主要分这两种：
形参：形式上的参数——给函数声明一个参数；
实参：实际上的参数——在函数调用时给形参赋的值；

5.函数返回值：

(1)所有函数都会有函数返回值即函数执行后一定会返回一个结果，如果没有定义默认返回undefined；
(2)在函数中，return后定义返回值；
(3)在函数中，return之后的代码就不会再执行了；
(4)return只能用于函数中，用在其他地方会报错。

6.函数递归：

(1).递归的必备条件:
a.终止条件包裹在if之中的return
b.运算条件极简算法
c.返回结果
(2).递归类似于自己调用自己
(3).递归类似于循环
(4).递归函数要注意停止返回，否则会造成死递归

7.JS常用内置系统函数：

alert()：显示带有一段消息和一个确认按钮的警告框

confirm()：显示带有一段消息以及确认按钮和取消按钮的对话框

prompt()：显示可提示用户输入的对话框

isNaN(value)：用于检查其参数是否是非数字值

parseInt()：解析一个字符串并返回一个整数

parseFloat()：解析一个字符串并返回一个浮点数

document.write()：向文档窗口输出字符串

DOM

1.DOM（文档对象模型）概念：

DOM操作就是在使用js操作文档元素（标签元素、标签属性元素、标签的样式、标签的事件）。

2.获取 DOM 信息：

document.getElementById() 方法：获取页面中设置了id属性的元素

//获取 id="title" 的元素    
var title = document.getElementById("title");

document.getElementsByName() 方法：获取 name="" 的所有元素(数组)

//获取 name="user" 的所有元素(数组)    
var users = document.getElementsByName("user"); 

document.getElementsByTagName() 方法：通过标签名来获取元素

document.getElementsByClassName() 方法：通过class属性来获取元素

3.修改 DOM 元素：

修改 HTML 元素内容：

//获取 id="title" 的元素，并修改其内容    document.getElementById("title").innerHTML = "Hello"；

修改 CSS 样式：

//修改其颜色        
    title.style.color = "red"; 

修改 HTML 元素属性

增加或删除 HTML 元素