一. 什么是JavaScript

  javascript是一种具有面向对象能力的解释型语言
  它是基于对象事件驱动并具有相对安全性客户端脚本语言,因为他不需要在一个语言环境下运行,只需要有一个浏览器即可
  它的主要目的就是验证发往服务器的数据,增加web互动,加强用户体验

面向对象

   是编程思维的一种,我们初期接触的是面向过程

解释型

  直接读代码运行,而不是编译型的,比如java,需要把源代码编译成一个.class文件,然后执行这个class文件

对象

  在这里指的面向对象 比如:window对象(BOM对象) document对象(DOM对象) 内置对象

事件驱动

  大部分情况下是基于浏览器的,点击页面、点击按钮才会触发JavaScript程序的执行

相对安全性

  它没有阻止文件,删除、修改文件夹此类恶意的操作

客户端

  不是在服务器(远程端)上执行的,而是当你打开一个网站,它的网页存放到你的本地的临时空间的时候,才会执行

脚本语言

  不需要像java、.net一样,需要一个环境(SDK、JDK),他只是一门脚本语言,只是寄存在浏览器上就可以运行

二. JavaScript的特点

1.松散型:它的变量不具有一个明确的类型(比如创建一个变量a 并不知道他是什么类型,只有赋值之后才知道)
2.对象属性:javascript中的对象把属性名映射未任意属性值
3.继承机制:javascript中的继承是基于原型的

三. JavaScript的历史

  1992年,Netscape(网景)公司开发了一种叫做c–的嵌入式语言4,后来觉得名字比较晦气,于是乎,改名为scriptEase。这种可以嵌入网页中的理念成为了因特网的一块重要的基石。
  后来,布兰登未解决类似于向服务器提交数据之前验证的问题,在网景浏览器2.0和sun公司联合开发了一个称之为liveScript的脚本语言,为了营销便利,改名为JavaScript。
  当时,它的主要目的是处理以前由服务器端语言负责的一些输入验证操作。
如今,JavaScript的用途早已不再局限于简单的数据验证,而是具备了与浏览器窗口及其内容等几乎所有方面交互的能力。
  今天的JavaScript已经成为一门功能全面的编程语言,能够处理复杂的计算和交互。

四. JavaScript的核心

1.核心——ECMAScript5.0
ECMAScript只是规范了JavaScript的语法,它与web浏览器没有依赖关系,web浏览器只是他的宿主环境之一

2.文档对象模型——DOM
文档对象模型就是HTML中的树。

3.浏览器对象模型——BOM
开发人员使用BOM可以控制浏览器显示页面以外的部分,BOM至今没有相关标准,所以每个浏览器对它支持的不一样。

五. JavaScript能做什么

1.嵌入动态文本于HTML页面。
2.对浏览器事件做出响应。
3.读写HTML元素。
4.在数据被提交到服务器之前验证数据。
5.检测访客的浏览器信息。
6.控制cookies,包括创建和修改等。
7.基于Node.js技术进行服务器端编程。

六. 引入外部js文件

<script src="外联js.js"></script>

七. js内联样式

<script type="text/javascript"></script>

八. 基础数据类型(内置对象)

1.Number——数字类型(不区别小数、整数)
2.String——字符串类型(包括字母、符号、汉字)
     所有字符串都需要用引号包裹起来,单双不限
3.Bool——布尔类型,分为true(正确)和false(错误)
4.Null——空类型
5.undefined——未定义类型
6.object——对象类型

九. 声明并使用变量和常量

常量

不可能改变的数值

变量

可以改变的数值

变量的声明

声明一个变量,需要使用关键字var
分为两步:1.声明变量 var a 向系统申请一块内存空间,名为a
     2.定义变量 a = 1 向已经存在的变量赋值1
语法:var XX = 储存的内容;
     在编程中,单等号=,是赋值号
     var a = 1; 将赋值号左边的数据储存到左边的变量中

十.测试方法

console.log()输出到控制台
控制台不影响页面的运行
这是编程中最常见的测试方式
控制台打开方式:
火狐:右击页面,查看元素
原生JS--了解js

alert()
会暂时阻断程序运行,知道用户点击弹出框中的确定
将内容输出到语法自带的提示框
这个提示框,通常用于测试,在页面中弹出。不用于实际开发
代码:
原生JS--了解js
显示效果:
原生JS--了解js

typeof数据类型测试
代码:
原生JS--了解js
显示效果:
原生JS--了解js

相关文章:

  • 2021-11-22
  • 2022-01-17
  • 2021-08-18
  • 2021-07-07
  • 2022-01-10
  • 2021-05-25
  • 2021-10-09
  • 2021-11-26
猜你喜欢
  • 2021-12-05
  • 2021-12-04
  • 2021-04-22
  • 2022-12-23
  • 2021-11-27
  • 2022-02-17
  • 2021-11-29
相关资源
相似解决方案