JavaScript学习

1、javascript的简介

  • 是基于対象和事件驱动的语言,应用于客户端。
    — 基于对象:
                   提供好了很多対象,可以宜接拿辻来使用
    
    — 事件駆幼:
                   html 做网站静态效果,javascript动态效果
    
    — 客户端: 专门指的是浏览器
  • js的特点

            (1) 交互性
                         — 信息的幼恣交互
            (2) 安全性
    

    ​ — js不能访问本地磁盘的文件
    ​ (3) 跨平台性

    ​ — java里面跨平台性,虚抄机
    ​ — 只有能够支持js的浏览器,都可以运行

  • javascript和java的区别〈 雷锋与雷峰塔)
    (1) java是sun公司, 現在oracle: js是网景公司

    (2) Javascript 是基于对象的,java是面向对象
    (3) java是强类型的语言,js是弱奘型的珸言

    — 比如java里面int i = "10";
    

    ​ — js: var i = 10; var m= “10”;
    (4) Javascript只需解析就可以执行,而java需要先编译成字节码文件,再运行

  • javascript的组成

    (1)ECMAScript

    ​ — ECMA:欧洲计算机协会

    ​ — 由ECMA制定js语法

    (2)BOM

    ​ — broswer object model:浏览器对象模型

    (3)DOM

    ​ — Document object model:文档对象模型

    2、js和html的结合方式(两种)

第一种: 直接在html中使用一个标签

type
1
2

第二种:使用script标签,引入一个外部的js文件


```

使用第二种方法时,就不要在标签里写任何js代码了,不会执行的。

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

  • java的基础数据类型(8个):byte short int long float double char boolean
  • js定义变量都适用关键字 var
  • js的原始类型(5个)
    • string
    • number
    • boolean
    • null:```var date = new Date();//获取对象的引用,null表示对象引用为空(只是占位符),所有对象的引用也是object
    • undefined:var aa;//定义一个变量,没有赋值
    • typeof();查看变量类型

4、js的语句

  • java里面的语句

    • if判断
    • swtich语句
    • 循环 for while do-while
  • js里面的这些语句

    • if判断语句

    • swtich语句

5、js的运算符

  • js里面不区分整数和小数

    var j =123; console.log(j/1000*1000)在java中输出0,在js中输出123

  • 字符串的相加和相减的操作:

    相加的操作相当于字符串的连接

    相减的操作,做的是相减的操作

    var str = "123";

    alert(str+1) // 在java里面操作结果为4561,在js里也是;

    alert(str-1)//相减时候,执行减法的运算js结果为122,

    var str = "abc";

    alert(str+1) // 在js里结果为NaN;

    alert(str-1)//在js里结果为NaN;

    var str = true;

    alert(str+1) // 在js里结果为2;

    alert(str-1)//在js里结果为0;

  • == 与 === 区别

    == 只判断值;=== 判断类型和值

  • 引入知识

    ​ 直接向页面输出的语句(可以把内容显示在页面上),即可以向页面输出常量/变量/html标签

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

6、99乘法表

` <!DOCTYPE html>

js初试


</body>
</html>> `

7、js的数组

  • java中定义:int[] arr = [1,2,3];
  • js
  • js中三种定义
    • var arr = [1,"hello",true];
    • 使用内置对象Array对象:var arr1 = new Array(5);arr1[0]="1"
    • 使用内置对象Array:var arr2 = new Array(3,4,5)定义一个数组,数组中的元素是3 4 5

8、js的函数

  • 在java中定义方法

    public 返回类型void /int 方法名(参数列表)

  • js中函数的三种定义方法

    参数列表里面需要写var

    • 使用关键字function,返回值可有可无

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

    • 动态函数:使用js里面的一个内置对象Function

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

      var add4 = new Function("x,y","var sum;sum = x+y; return sum;")

9、js的全局变量和局部变量

  • 全局变量:在script标签里面定义一个变量,这个变量在页面中js部分(其他的script标签中)都可以使用;
  • 局部变量:在方法内部定义一个变量,只能在方法内部使用

10、script标签放在什么位置

  • 一般建议放在</body>的后面

11、js的重载

  • 什么是重载?方法名相同,参数列表不同,java里有重载
  • js里面没有重载

12、js的string对象

  • 创建一个string对象:var str = "abc";

  • 方法和属性(文档

    • 属性:length

    • 方法:见文档

      • 与html相关的方法

        • bold():实现加粗,document.write(a.bold());

        • fontcolor():设置字符串颜色

          document.write(a.fontcolor("red"));

        • fontsize():设置字符串字体的大小

          document.write(a.fontsize("5"));

        • link():把字符表示为链接

          document.write(a.link("hello.html"));

        • sub和sup:把字符表示为下标和上标

      • 与java相似的方法

        • concat():连接字符串

          hecdocument.write(str1.concat(str2));

        • charAt():返回指定位置的字符串

          document.write(str1.cha rAt(1));

        • indexOf():返回字符串的位置

          document.write(str1.indexof(“a”));

        • split():切分字符串为数组

          document.write(str1.split("-"));

        • replace():替换,传递两个参数,第一个为原始的值,第二个是要替换成什么

          document.write(str1.replace(“a”,"b"));

----------------------------- 我是有底线 ~..~ ------------------------------