JavaScript基础

JavaScript

  • html: 用于搭建页面结构和内容
  • CSS: 用于美化页面
  • JavaScript:用于给页面添加动态效果和动态内容
  • js历史:95年由NetScape公司发布LiveScript, 同年更名JavaScript, 和Java语言没啥关系 主要是为了蹭Java热度
  • JS特点:

    1. 属于脚本语言,不需要编译,由浏览器解析执行
    2. JavaScript可以嵌入到html页面中
    3. 基于面向对象
    4. 属于弱类型语言
    5. 交互性强
    6. 安全性强(js语言只能访问浏览器内部的数据,不能访问其他程序和磁盘上的数据)

如何在html中引入JavaScript

  • 三种引入方式:
  • 内联: 在标签内部的事件属性中添加js代码,当事件触发时 js代码执行
  • 内部: 在html页面中的任意位置添加script标签,标签体内写js代码 当页面加载时执行.
  • 外部: 在单独的js文件中写js代码,在html页面中通过script标签引入

语法

数据类型

  • JS语言中只有对象类型
  • 常用的对象类型:

    1. 数值类型: number
      底层全部是浮点数, 在使用过程中会自动转换整数和小数 int x = 5; int y = 2; int z = x/y; z=2;
      var x = 6; var y = 2; var z = x/y; z=3;
    2. 字符串类型: string var s = "abc"/'abc';
    3. 布尔值类型: boolean var b = true/false;
    4. 未定义类型: undefined 当变量只声明不赋值的时候该变量类型为未定义类型
    5. 自定义对象: object Hero Person Student

变量的声明和赋值

  • JS语言属于弱类型语言 var x = 10; var s = "abc"; var b = true; x = "xxx"; 可以

运算符 + - * / % > < >= <= = ==

  • ==和===, ==: 先统一类型再比较值是否相等 ===:先比较类型,如果类型相同再比较值 "666"==666 true "666"===666 false
  • 除法运算会自动转换整数和小数
  • typeof 变量; 获取变量的类型 typeof 66 + 6 = "number6"

语句 if else while for switch case do while

  • if和while 括号内部的内容 如果不是布尔值 会自动转成布尔值
  • for循环中的int i 改成 var i 不支持新for循环

方法声明

  • java: public 返回值类型 方法名(参数列表){方法体}
  • js: function 方法名(参数列表){方法体}
  • 声明常见的四种方法:

    1. 无参无返回值
    2. 无参有返回值
    3. 有参无返回值
    4. 有参有返回值
  • 方法声明的三种方式:
  • function 方法名(参数列表){方法体}
  • var 方法名 = function(参数列表){方法体}
  • var 方法名 = new Function("参数1","参数2","方法体");

和页面标签相关的方法

  1. 通过id获取页面元素对象 var obj = document.getElementById("id");
  2. 获取和修改元素的文本内容 d.innerText="abc"; d.innerText;
  3. 获取和修改文本框的文本内容 //得到文本框对象 var i = document.getElementById("i1"); i.value="xxx"; i.value;
  4. 获取和修改元素的html内容 d.innerHTML = "

    
    abc
    ===
    
    ";
Last modification:July 8th, 2019 at 02:24 pm
如果觉得我的文章对你有用,请随意赞赏

Leave a Comment