14.JS介绍-js引入

一。介绍

学习前端脚本语言javascript的基本概念，页面引入方式，获取页面元素及操作元素属性的技巧，学习函数的基本定义方法和使用方法。

JS分为    原生js    和     jQuery库 （很重要的库）   

二。原生js介绍

      js是运行在浏览器端的脚步语言，js主要解决的是前端与用户交互的问题，包括使用交互与数据交互。js是浏览器解释执行的，前端脚本语言还有JScript（微软。IE独有） AxtionScript 等

前端三大模块：

      HTML：页面结构

      CSS：页面表现：元素大小，颜色，位置，隐藏或显示，部分动画效果

      javaScript：页面行为：部分动画效果，页面与用户的交互，页面功能

三。javaScript嵌入页面的方式

1.行间事件（主要用于事件）

 

2.页面script标签嵌入（在head里面编写）

3.外部引入（要新建js文件夹）

四。变量

JavaScript是一种弱类型语言，js的变量类型由它的值来决定。定义变量需要用关键字     "var"

    var iNum = 123

    var sTr = "asd"

同时定义多个变量可以用“ , ”隔开，共用一个“ var ”关键字

    var iNum = 123 , sTr = "asd"；

变量类型

5种基本数据类型：

1.number  数字类型

2.string  字符串类型

3.boolean    布尔类型  true  或  false

4.undefined   undefined类型，变量声明未初始化，他的值就是undefined      变量的值未定义

5.null    null类型，表示空对象，如果定义的变量将来准备保存对象，可以将变量初始化为null，在页面上获取不到对象，返回值就为空。

一种复合类型：

object

变量，函数，属性，函数参数命名规范

1.区分大小写

2.第一个字符必须是字母，下划线或者美元符号。

3.其他字符可以是字母，下划线，美元符号或者数字。

五。获取元素

可以使用内置对象   document  上的   getElementById  方法来获取也买你上设置了id属性的元素，获取到的是一个html对象，然后将它赋值给一个变量。比如:

上面的语句，如果把js写在元素上面，就会出错，因为页面上从上往下执行的，js去页面上获取元素div1的时候，元素div1还没有加载，解决方法有两种：

第一种方法：

将js放到页面最下边。

第二种方法：采用window.onload = function(){。。。} ----这种比较美观，比较常见。

否则页面会报错

用变量简化代码：