day 5
今天学习基础的JavaScript。。
虽然它和java的名字很像，但是它和java实际上一点关系都没有。。
简单了解
引入
学会JS可以实现如下操作:
1.实现轮播图。
2.实现全选全消。
3.表单验证 (用户信息写对了还是写错了，给与提示)。
4.动态弹出广告。
5.动态操作音频文件。
6.批量的动态生成HTML标签。
7.省市级联(选择省份级联产生城市 选择城市 级联产生 区或者县)。
8.还可以屏蔽不友好用词。
9.js动态操作CSS。
1.JavaScript概述
JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名的，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。
简单说，js是基于事件驱动的面向对象的脚本语言。
其中，
事件：执行某个操作，最终返回相应的结果的过程。(点击事件，双击事件 ，键盘事件，失去焦点事件，得到焦点)
//面向过程:要求实现着对于任务需求的每一步骤都非常的清晰，有一个点不清楚，最终任务就完成不了。
面向对象：将其他人讲的一些方法全部封装起来，只需要使用者知道方法的名字。
脚本语言:不需要将语言变异成中间文件，浏览器能直接解释执行。
2.JavaScript的引入方式
1.JavaScript前缀构建方式，引入js代码（了解）：内嵌
<a href="javascript:alert('清除缓存成功!!!');">
点击，清空缓存
</a>
2.在head标签中，使用<script></scropt>标签引入js代码标签引入js代码：内部
一般在head里使用：
<script type="text/javascript">
alert("内部方式")
</script>
3.在head标签中使用
`<script src="外部js文件的地址 （相对路径）">
</script>`
引入外部的js文件：外部
外部方式实际上是对内部方式的一种优化
如：
<script type="text/javascript" src="js/outer.js">
/*如果使用了外部引入js文件 此处不能编写JS代码*/
</script>
3.JavaScript常量
数值类型
整数 /小数: number
非数值类型:
字符串类型：用双引号或者单引号引起来的内容我们称之为 字符串。（ string）
在字符串中可以凭接任意内容 (字母，汉字，数字，特殊符号。。。)
了解：
对象类型:Object
未定义:undefiend
空值:null
数组类型:[ ] new Array();
布尔类型: boolean true/false
4.JavaScript变量和数据类型
学习变量的目的是用来保存程序中用到的各种类型的数据。
数据类型:
数值类型(整数和小数):number
布尔类型(true/false)：boolean
字符串类型(任何非数值类型,也可以是数值)，如" /’’ “100” …
(对于一些数字 加减乘除无意义的情况下可以是字符串类型会更加方便，比如身份证号码，电话号码等)
变量的命名规则
1.看起名字知其意义 (英文) ：
userName userPass age score money address phoneNum …
2.小驼峰命名法
如果名字的组成由多个单词组成 第一个单词首字母小写其余单词首字母大小，如：
userName stuName getElementById等
3.定义变量的规则
在JavaScript中定义变量的唯一关键字是 var
通式： var 变量的名字=变量对应数据类型的值；
（js代码的行与行之间用英文的分号隔开）
定义单个变量的方式：
var userName=“charles”;
var userPass=“asdf”;
var age=19;
同时定义多个变量
var userName=“charles”,userPass=“asdf”,age=19;
5.字符串与数值之间的相互转换
prompt(“文字提示”); 如，请输入什么什么。。。
document.write(各种数据类型的数据);：在网页上打印内容
alert("") ：消息提示框
//1.将你在输入框里面输入的内容返回 不管你输入什么内容默认返回的数据类型都是字符串类型
//2.字符串与任何数据类型的数据相加 + 最终的结果是前后首位相连的字符串
（100" +200=? 100200 “100”+“200”=100200）
var numStr1= prompt(“请输入第一个整数数字:”); //字符串
var numStr2= prompt(“请输入第二个小数数字:”); //字符串
//3.字符串转换成 整数。。。
var num1=parseInt(numStr1);
//4.将字符串转成 小数。。。
var num2=parseFloat(numStr2);
var result=num1+num2;
document.write(result);
//5.将小数取整 (获取一个小数的整数部分 )
var floatNum=123.456;
var intNum=parseInt(floatNum);//123
alert(intNum);
如何将一个整数或者小数转换成字符串?
var num1=123;
"" +num1= "123"
num1+""="123"
（//字符串与任何数据类型的数据相加 + 最终的结果是前后首位相连的字符串）
6.算数运算符
+ - * / %
针对的都是数值类型
javascript中数值类型±*/运算： 就是简单的四则运算
%:求余数
num1%num2
如果 num1<num2
num1%num2=num1; （12%13=12 17%19= 17 8%10=8）
num1%num2
如果 num1>num2
正常求余数 (19%7=5)
如果var num=12345,怎么利用求余拿各个位数?
个位：num%10=5；
十位：parseInt(num/10)%10=4
百位：parseInt(num/100)%10=3
千位：parseInt(num/1000)%10=2
万位：parseInt(num/10000)%10=1
++ --:自加 自减运算符
var num1=10;
var num2=20;
//num1++先使用变量的值 然后再对自身进行自加1运算。。。
var num3=num1++;// num3=num1 num1=num1+1;
//++num2 先对自身进行自加1运算，然后再使用变量的值。。。
var num4=++num2;// num2=num2+1 num4=num2;
运算完成之后
num1,num2,num3,num4为：11 21 10 21;
扩展:
// 对于自增自减运算 i++ 类似于 i=i+1;
//默认是自增1 如果想要指定每次自增的数 i=i+5;
var num5=100;
num5+=5;//类似于 num5=num5+5 +-* / % 类似
num5*=2;//类似于 num5=num5*2;
alert(num5);
