zoukankan      html  css  js  c++  java
  • 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内没有重载

  • 相关阅读:
    LeetCode 252. Meeting Rooms
    LeetCode 161. One Edit Distance
    LeetCode 156. Binary Tree Upside Down
    LeetCode 173. Binary Search Tree Iterator
    LeetCode 285. Inorder Successor in BST
    LeetCode 305. Number of Islands II
    LeetCode 272. Closest Binary Search Tree Value II
    LeetCode 270. Closest Binary Search Tree Value
    LeetCode 329. Longest Increasing Path in a Matrix
    LintCode Subtree
  • 原文地址:https://www.cnblogs.com/ERFishing/p/10925794.html
Copyright © 2011-2022 走看看