W1-Javascript基础知识一[JavaWeb]

HTML、CSS、JavaScript之间的联系区别

1.javascript的简介

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

　　（1）基于对象：提供很多对象，可以直接拿过来使用

　　（2）事件驱动：html做网站静态效果，JavaScript动态效果

　　（3）客户端：专指浏览器

　　1.2 js的特点

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

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

　　（3）跨平台性：

　　　　-java的跨平台性由虚拟机实现

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

　　1.3 JavaScript和java的区别

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

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

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

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

　　1.4 JavaScript的组成(js)-三部分

　　（1）ECMAScript

　　　　-ECMA:欧洲计算机协会

　　　　-由ECMA组织制定的js语法，语句...

　　（2）BOM

　　　　-browser object model：浏览器对象模型

　　（3）DOM

　　　　-document object model:文档对象模型

 

2. JS和HTML的结合方式（两种）

　　2.1 第一种

　　-使用一个标签

<script type="text/javasript"> js代码; </script>

　　2.2 第二种

　　-使用script标签，引入一个外部的js文件

　　-创建一个js文件，写入js代码

<script type="text/javasrcipt" src="1.js">

　　-注意：使用这种方式时，script标签中不需要再写js代码，不会执行

 

3. js的原始类型和声明变量

　　3.1 java的基本数据类型 byte short int long float double char boolean

　　3.2 定义变量，都使用关键字var

　　3.3 js 的原始类型（五个）　　

　　（1）string：字符串

var str="abc";

　　（2）number：数字类型

var m=123;

　　（3）boolean:ture 和 false

var flag=true;

　　（4）null

var date=new Date();

　　-获取对象的引用，null表示对象引用为空，所有的对象都是Object

　　（5）undifined

var aa;

 

　　-定义一个变量，没有赋值

 

4. js的语句

　　4.1 java里面的语句：

　　　　if语句 ，switch语句，循环 for while do-while

　　4.2 if判断语句，与java相同

　　4.3 switch语句

　　　　-java里面支持数据类型，string在jdk1.7开始支持

　　　　-js里面都支持，格式与java相同

switch(6){
        case 3:
            alert("3");
            break;
        case 6:
            alert("6");
            break;
        default:
            alert("other");
}

 

　　4.4 循环语句 for while do-while

　　　　-格式与java相同

var i=5;
while(i>1){
       alert(i);
       i--;
}

 

for(var mm=0;mm<=3;mm++){
           alert(mm);
           }

 　　4.5 i++，++i和java里面一样

 

5. js的运算符

　　5.1 x+=y ==> x=x+y

　　5.2 js里面不区分整数和小数,123/1000*1000=123

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

　　　　-相加的时候做字符串连接

　　　　-相减的时候做相减的操作

　　　　　　提示NaN：表示不是一个数字

　　5.4 boolean类型的操作

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

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

　　5.5 ==和===的区别

　　　　-都是做判断

　　　　-==比较的只是值

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

　　5.6 引入知识

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

document.write("aaa");

　　　　-document.write里面是双引号，如果设置标签的属性需要使用单引号

　　　　-document.write可以输出变量，还可以输出html代码

 

6. js的数组

　　6.1 数组

　　（1）方式一

 

var arr=[1,2,3];

 　　（2）方式二-使用内置对象 Array

 

var arr1=new Array(5);//定义一个数组，数组的长度是5
arr1[0]="1";

 

　　（3）方式三-使用内置对象 Array

var arr2=new Array(3,4,5);//定义一个数组，元素为3，4，5

　　（4）属性：length-获取数组的长度

　　（5）数组可以存放不同的数据类型

 

7. js的函数

　　7.1 java定义方法

　　public 返回类型 方法名(参数列表){  方法体；返回值；}

　　7.2 js定义函数

　　（1）关键字function

function 方法名(参数列表){
  方法体；
  返回值（可有可无）；       
}

　　（2）匿名函数

var 函数名=function(参数列表){
  方法体和返回值  
}

 　　（3）内置对象Function

 

var 方法名=Function("参数列表","方法体和返回值")；

 

 

　　动态函数：里面的值可以通过参数传递

　　（3）参数列表中变量名之前不需要添加var

 

8. js的全局变量和局部变量

　　8.1全局变量-在script标签里面定义一个变量，这个变量在页面中js部分可以使用

　　　　-在方法外部使用，方法内部使用，另一个标签也可以使用

　　8.2局部变量-在方法内部定义一个变量，只能在方法内部使用

　　　　-在方法外部使用时，提示出错：　　SCRIPT5009:“XX"未定义　　

　　8.3 IE 浏览器中F12开发人员工具

 

9. script标签的位置

　　9.1 建议script标签放到</body>后面

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

　　　　出现问题：HTML由上到下解析，script标签放在head标签内，直接在里面获取input的值，因为页面还未解析到input行，所以肯定取不到。

 

10. js的重载-js内没有重载