JavaScript简介&基础

JavaScript的简介

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

　　　　- 基于对象：提供了很多对象，可以直接拿来使用

　　　　- 事件驱动：html做网站静态效果，javascript做动态效果

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

　　* js的特点

　　　　（1）交互性：信息的动态交互

　　　　（2）安全性：js不能访问本地磁盘的文件

　　　　（3）跨平台性：java里面跨平台性，虚拟机，只要能够支持js的浏览器，都可以运行

　　* JavaScript和java的区别

　　　　（1）java是sun公司现在是Oracle公司，js是网景公司

　　　　（2）JavaScript是基于对象，而java是面向对象

　　　　（3）java是强类型语言，JavaScript是弱类型语言

　　　　（4）JavaScript只需解析就可以执行，而java需要先编译成字节码文件，再执行

　　* 组成（三部分）

　　　　（1）ECMAScript 欧洲计算机协会，由其指定js的语法，语句...

　　　　（2）BOM 浏览器对象模型

　　　　（3）DOM 文档对象模型

js与html的结合方式

　　第一种：

　　　　- 使用一个标签 <script type="text/javascript">js代码</script>

　　第二种：

　　　　- 使用js标签，引入外部js文件

　　　　- <script type="text/javascript" src="">代码1</script> ***代码1不会执行了

　　　　** 创建一个js文件，写js代码

js的原始类型和声明变量

** java的基本数据类型有：byte，short，int，long，float，double，char，boolean
　　** 定义变量：都使用关键字 var

　　** js的原始类型（五个）
　　　　-String：字符串
　　　　　　** var str = "abc";
　　　　-number：数字类型
　　　　　　** var num = 123;
　　　　-boolean：true和false
　　　　　　** var flag = true;
　　　　-null：
　　　　　　** var data = new Data();
　　　　　　** 获取对象的引用，null表示对象引用为空，所有对象的引用也是object
　　　　-undifined
　　　　　　** 定义一个变量，没有赋值
　　　　　　** var aa;
　　　　** typeof(); 查看当前变量的数据类型

js语句

　　* if判断

　　* switch语句：支持多种数据类型

　　* 循环语句 for    while    do-while：定义变量时使用var

js的运算符

　　* +=

　　* js里面不区分证书和小数

　　* 字符串的相加和相减操作

　　　　- 如果相加的时候，做字符串的拼接

　　　　- 如果相减，做的是相减的操作，提示NaN表示不是一个数字

　　* boolean类型

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

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

　　* == 和 ===的区别

　　　　- == 比较的只是值

　　　　- === 比较的是值和类型

　　* 引入知识

　　　　直接向页面输出的语句（可以把内容显示在页面上）

　　　　- document.write("aaa");

　　　　- document.write("<hr/>");

　　　　** 可以向页面输出变量、固定值和html代码

九九乘法表

<script type="text/javascript">
        document.write("<table>");
        for (var i = 1; i <= 9; i++) {
            document.write("<tr>");
            for (var j = 1; j <= i; j++) {
                document.write("<td>");
                document.write(j + "*" + i + "=" + j * i);
                document.write("&nbsp;");
                document.write("</td>");
            }
            document.write("</tr>");
        }
        document.write("</table>");
    </script>

 js的数组

　　* 可以存放不同数据类型的数据

　　* 定义数组的三种方式

　　　　（1）var arr = [1,2,3];    var arr = [1,"4",true];

　　　　（2）使用内置对象  Array对象

　　　　　　- var arr1 = new Array(5);//数组长度是5     arr1[0] = "1";

　　　　（3）使用内置对象Array

　　　　　　- var arr2 = new Array(3,4,5);

　　* lenth属性，获取数组的长度

js的函数

　　* 在java里面定义方法有三种

　　　　（1）function 方法名(参数列表){

　　　　　　　　方法体;

　　　　　　　　返回值可有可无（根据实际需要）

　　　　　　}

　　　　（2）匿名函数

　　　　　　var add = function(参数列表) {

　　　　　　　　方法体和返回值

　　　　　　}

 　　　　（3）动态函数

　　　　　　使用js里面的一个内置对象Function

　　　　　　　　var add = new Function("参数列表","方法体和返回值");

　　　　　　　　

js的全局变量和局部变量

　　* 全局变量： 在scrit标签里面定义一个变量，这个变量在页面中的所有js部分都可以使用

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

 script放的位置

　　*  建议把script标签放在</body>后面

　　* 如果有这样一个需求：

　　　　- 在js里面需要获取到input里面的值，如果把script标签放到head里面会出现问题

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

　　　　  因为页面还没有解析到input哪一行肯定取不到

js的重载

　　* 方法名相同，参数列表不同就叫js的重载