Javascript 之入门

1 . 什么是JavaScript?

*JavaScript是一种属于网络的脚本语言。

翻译为：

* 是基于对象和事件驱动的语言，应用与客户端。

【解析】

- 基于对象:

*正如OOD（面向对象的方法），提供了好多对象，内置方法，可以直接拿过来用，比如window.alert(),这就是一个window对象调用了alert()方法

- 事件驱动：

** html做网站静态效果，javascript动态效果

- 客户端：专门指的是浏览器

2 . * js的特点

（1）交互性

- 信息的动态交互

（2）安全性

- js不能访问本地磁盘的文件

（3）跨平台性

- java里面跨平台性，虚拟机

- 只有能够支持js的浏览器，都可以运行

3 . ** js和html的结合方式（两种）

第一种 <script type="text/javascript"> js代码; </script>
第二种 <script type="text/javascript" src="js的路径"> </script>

【注意：】script标签放在的位置

* 建议把script标签放到 后面

* 如果现在有这样一个需求：

在js里面需要获取到input里面的值，如果把script标签放到head里面

会出现问题。

html解析是从上到下解析的，script标签放到的是head里面，直接在里面取input里面的值，

因为页面还没有解析到input那一行，肯定取不到。看图



4 . * js的变量声明

js时弱变量型语言，也就是不需要声明变量的类型，直接用var就可以了

但是还是说一下几个数据类型，存粹当作了解也可以

string: 字符串         *** var str = "abc";
number：数字类型         *** var m = 123;
boolean：true和false     *** var flag = true;
null      *** var date = new Date();
*** 获取对象的引用，null表示对象引用为空 ，所有对象的引用也是object
undifined   *** 定义一个变量，没有赋值    *** var aa;

【注意，扩展】** typeof(); 查看当前变量的数据类型

5 . * js的语句：只要是稍稍学过编程的人就会，这里不讲

* if

* switch

* for while do-while

6 . * js的运算符：只要是稍稍学过编程的人就会，这里不讲

* 字符串的操作

* 字符串相加：连接

* 字符串相减：执行相减运算

** boolean类型也可以操作

* 如果设置成true，相当于这个值是1

* 如果设置成false，相当于这个值是0

* == 和 === 区别

** == ： 判断值

** === ： 判断值和类型,恒等于

var str = "456";
//alert(str+1);   //在java里面操作的结果是 4561 ，在js里面还是 4561
alert(str-1);    //相减时候，执行减法的运算  455

7 . * js的数组

三种定义方式

** var arr = [1,2,”3”];

** var arr1 = new Array(9); //长度9

** var arr2 = new Array(1,2,3); //元素是 1 2 3

** 属性 length：数组的长度

//第一种：
var arr = [1,2,3];
var arr = [1,"4",true];
//第二种：使用内置对象 Array对象
var arr1 = new Array(5);  //定义一个数组，数组的长度是5
arr1[0] = "1"; //赋值
//第三种：使用内置对象 Array
var arr2 = new Array(3,4,5); //定义一个数组，数组里面的元素是3 4 5

【注意】* 数组可以存放不同的数据类型的数据

8 . * js的函数：有三种定义方式

第一种方式：使用到一个关键字 function

第二种方式：匿名函数

第三种方式：很少用，忽略了，他就是使用了 Function内置对象

//第一种
function 方法名(参数列表) {方法体;返回值可有可无（根据实际需要）;}
function test() {alert("qqqqq");}
function add1(a,b) {var sum = a+b;alert(sum);}
调用方法：test() ；
//第二种
var add3 = function(m,n) {alert(m+n);}

9 . * js的全局变量和局部变量

** 全局变量：在页面中任何js的部分，都可以使用

** 局部变量：在方法内部定义一个变量，这个 变量只能在方法内部使用

//全局变量：在方法外部使用，在方法内部使用，在另外一个script标签使用
//局部变量：在方法内部定义一个变量，只能在方法内部使用
// 如果在方法的外部调用这个变量，提示出错
var a = 2 ;//全局变量
function test(){alert(a); var c = 3;} //正确
function test(){alert(c);} //错误，局部变量不能再外部调用，作用域问题

这是非常简单的js基础知识，掌握了js的人花个一分钟浏览一下即可。下节课会讲一下js的对象的使用，这个才是重点