javaScript知识点详解与应用

1.javaScript事件和函数：

javaScript语句会在页面加载事件时执行，通常，我们需要在某个事件发生时执行代码，比如用户点击按钮时，如果把javaScript代码放入函数中，就可以在事件发生时调用该函数。

2.javaScript输出：

document.write()用于直接在网页中输出内容，需要注意的是，如果是在文档加载后使 用，会覆盖整个文档原来的内容。 （1） 输出内容用“”括起来，直接输出“”中的内容； （2） 输出变量，直接将变量放到（）中，不需要使用“” （3）输出多项内容，使用字符串拼接的方法，内容直接用+连接； （4） 输出 HTML 标签，标签需使用“”括起来。

3、alert 警告消息对话框: 在网页中弹出的小窗口（包含一个确定按钮），用于提示信息，消息框是按顺序弹出的。

语法：alert(字符串/变量) 注意： （1） 在点击对话框“确定”按钮之前，不能进行任何其他操作；  消息对话框通常用于调试程序； （2) alert 输出的内容可以是字符串或者变量，同 document.write() (3)confirm 确认消息对话框 confirm 对话框（包含一个确认和一个取消按钮），通常用于允许用户做选择动作。

语法1：confirm(str) 参数：str 表示要在对话框中显示的文本，返回值是 boolean 值；

当用户点击“确定”按钮时，返回 true;

当用户点击“取消”按钮时，返回 false;

prompt 提问消息对话框 prompt 对话框（包含一个文本输入框，一个确认以及取消按钮）通常用于询问一些需 要与用户交互的信息，弹出消息对话框。

语法2：prompt(str1,str2) 参数：str1 是必填项，要显示在对话框中的文本，不可修改； str2 为选填项，要显示为文本框的文本，可修改 返回值：点击确定按钮，文本框中的内容作为函数返回值；

4.javaScript变量：

（1）变量是用来存储信息的容器，变量命名采用小驼峰法命名。

命名规则如下：  变量必须以字母、$或者_符号开头。

变量名称对大小写敏感（y 和Y 是不同的变量）。 

不能使用JavaScript关键词与JavaScript保留字。

5.Javascript 数据类型 ：字符串(String)、数字(Number)、布尔(Boolean)、数组（Array）、对象 （Object）、空（Null）、未定义（Undefined）等等。

6、变量的作用域和生命周期 变量按作用域划分：  局部变量 在 JavaScript 函数内部声明的变量（*使⽤ var）是局部变量，所以只能在函数内 部访问它。（该变量的作⽤域是局部的）。

可以在不同的函数中使⽤名称相同的局部变量，因为只有声明过该变量的函数才 能识别出该变量。 只要函数运⾏完毕，局部变量就会被删除。

全局变量 在函数外声明的变量是全局变量，⽹页上的所有脚本和函数都能访问它。

7.JavaScript 变量的⽣存期： JavaScript 变量的⽣命期从它们被声明的时间开始。 局部变量会在函数运⾏以后被删除。 全局变量会在页⾯关闭后被删除。

8.小案例：

 

（1）先在HTML中进行页面布局，设置主体页面分布情况，引入外部css和js设置样式和动画效果。

 

 

 

（2）在页面加载事件中，先获取点击事件，获取id绑定点击事件，再设置点击事件的样式。