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

  • 相关阅读:
    js实现点击隐藏图片
    绝对定位给图片四角加上图片修饰
    雪碧图实现登陆页面
    弹性盒模型
    数组练习--求数组和,平均值,最大值,最小值
    h5与c3权威指南笔记--css3结构性伪类选择器root,not,empty,target
    h5与c3权威指南笔记--css3新属性选择器
    闲聊Java里的随机数
    Python之简单抓取豆瓣读书信息
    中本聪比特币论文
  • 原文地址:https://www.cnblogs.com/ERFishing/p/10925794.html
Copyright © 2020-2023  润新知