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内没有重载

原文地址:https://www.cnblogs.com/ERFishing/p/10925794.html