Week3Day3

一·JS入门

 1·什么是JS

    -基于浏览器

    -基于对象  借鉴很多java的优秀语法特点

    -事件驱动

    -脚本语言

 2·JS的用途

   -前端数据验证，减轻服务端压力

   -配合实现更加丰富的动画效果

   -操作页面内容和浏览器

   -网络请求，实现（数据）动态页面

 3·JS由哪几部分组成

   -ECMAscript    规定类JS的语法规范

   -DOM          document object model  文档对象模型  整个html页面

   -BOM          browser object model   浏览器对象模型  也米那的运行环境

 4·JS的使用方法

   -行内js  把js写在标签内部  优缺点和css一样

 <button onclick="javascript:alert('您点击了hello按钮！')">hello</button>

   -内部js     <script>...</script>

   -外部js   <script src="...js/..."></script>

                  script标签中的src属性可以指定你要引入的外部js文件

                  在引入外部js文件的script标签之间不允许出现任何的js代码

   -noscript

    <nosccript>您的浏览器不支持script</script>

    当浏览器不支持js或js功能未开启时会显示标签内内容

 5·变量的声明

   -变量的声明和赋值

  var age;声明一个变量  变量称为age

  age = 18; 变量的赋值   把age设置为18

  var age = 17；一次完成一个变量的声明和赋值

  var x = 10，y = 10，z = 10；一次完成多个变量的赋值

   -变量的命名规则：以数字，_和$组成，不能以数字开头，而且不能使用关键字和保留字  区分大小写

 6·数据类型

   数据取整型：parseInt（）         数据取浮点型： parseFloat（）

   NaN：  不是一个数字

    ==   只对数据进行比较，不区分类别

    ===   严格相等既比较数据又比较类型，类型不一致的话，数据相等也是false

 7·数据转换

   Number（） 将任意类型数据转换成Number类型

   alert（typeof num）  typeof  用来判断一个数据的类型

   把布尔类型的数据转换成Number类型  true--1  false--0     

   var a = true；

   var a2 = Number（a）；

   把undefined用Number（）函数转换  结果为NaN

   parseInt   parseFloat  将数据转换为数字

   字符串转换成数字的时候，字符串可以使用纯数字，也可以是数字和字符串的拼接

   当数字开头时，只取开始数字的连续部分，见到字符将截止

    当字符开头时，不会得到数字

 

8·输入输出

   输入   var age = prompt（“请输入您的年龄：”）；

   输出   alert（age）