一、JavaScript的基本概念

概念:一门客户端脚本语言

1、运行在客户端浏览器中,每一个浏览器都有JavaScript的解析引擎

2、脚本语言:不需要编译,直接就可以被浏览器解析执行了

3、可以用来增户和html页面的交互过程,可以来控制html元素,让页面有一些动态的效果,增强用户体验。

二、JavaScript的组成(三个)

1、ECMAScript:客户端脚本语言的标准

2、BOM:浏览器对象模型

3、DOM:文档对象模型

三、JavaScript的引入方式

1、通过<script>标签嵌入

2、引用外部JS文件

1. 创建JS文件,编写JS脚本,注意在JS中,不要带关键标签

       2. HTML引入JS文件

              <script type="text/javascript" src="js/hello.js" ></script>

适用于HTML文件内语句较多,分离HTML功能和JS功能

3、在HTML属性中直接引入

<input type="button" value="弹出消息框" οnclick="alert('hello world!')"/>

四、基本语法

声明变量:

  • 单行注释://注释内容
  • 多行注释:
    /*
    注释内容
    */
  • JS的标识符规则和JAVA相同
    1、 名称只能由字母、数字、下划线、$符号组成
    2 、不能以数字开头
    3、 名称不能使用JAVA中的关键字

五、数据类型

原始数据类型(基本数据类型):
    + number:数字;整数/小数/NaN(not a number 一个不是数字的数字类型)
    + string:字符串;字符串"abc""a"'abc‘(单引号和双引号都可以)
    + blooean:true和false
    + null:一个对象为空的占位符
    + undefined:未定义;如果一个变量没有给初始化值,则会被默认赋值为undefined

六、运算符与表达式

  • JS一元运算
    + - * / %
    逻辑与  &&
    逻辑或  ||

 if   语法结构:

例如:if(条件语句){

执行语句;

}

if ...else语句

if...else if语句

switch语句

循环   while     先做条件判断,再执行

          do…while 先执行一次,在做条件判断

          break    跳出当前循环

          continue 跳过本次循环,继续下一个循环

七、函数

JS的函数 function

fuunction 函数名称(参数1,参数2,....){

}

八、对象

对象的创建1

       var a =  5  “aaa”;

对象的创建2

      

运行javascript 需要jvm吗 javascript需要安装吗_html

依靠内置对象Object来初始化对象

对象的创建3

1. 创建一个对象模板(类)

       2. 根据模板构造一个对象

运行javascript 需要jvm吗 javascript需要安装吗_前端_02

访问对象的属性或方法

对象.属性值

对象.方法()

九、数组

声明一个变量,使用固定数值下标来存储一系列数值。

一个存储单位或存储元素,对应下标

数组创建1 推荐

      

运行javascript 需要jvm吗 javascript需要安装吗_前端_03

数组创建2

      

运行javascript 需要jvm吗 javascript需要安装吗_html_04

数组创建3 推荐

      

运行javascript 需要jvm吗 javascript需要安装吗_前端_05

 十、BOM

BOM(Browser Object Model) 浏览器对象模型

BOM是JS的核心组件,浏览器是JS代码执行的运行载体,提供了大量可用于操作浏览器窗口以及网页内容的对象和方法。

其中window对象又是BOM中所有对象的核心,起始于window. 对象的API方法,可以对浏览器的窗口做各种操作和控制。

十一、DOM

DOM(Document Object Model) 文本对象模型

DOM是针对HTML,XML文档的一个API,提供了大量可用于操作文本内容的对象和方法。

定义了JS操作HTML文档的接口,提供了访问HTML文档(如body,form,div,textarea)的途径和操作方法。