JavaScript学习笔记

 

JavaScript,一种脚本语言,也属于编程语言,负责网页的相关行为和动作.

什么是编程语言?

  • 标准:是否具有"图灵完备"

  • 图灵完备:可以执行任何的计算.

编程语言的共用东西：

  • 变量、控制结构（顺序、分支、循环），表达式，语句

什么是脚本语言?

  • 传统的编程语言(c语言):编写>编译>链接>可执行的文件

  • JavaScript 脚本语言省去了传统编程语言繁琐的过程,使用JavaScript写出的代码,就是最终要执行的文件.

Js 是 web 页面的一种跨平台的，具有安全性的，基于对象和事件驱动可以给网页
增加交互性的解释性脚本编程语言

JavaScript的组成部分:

  1. ECMAScript:ECMA(欧洲计算机协会),基本的语法结构,基本的对象.
  2. DOM:文档对象模型,描述处理文档内容的方法.
  3. BOM:browers object model,浏览器对象模型,描述与浏览器进行交互的方法.

JavaScript的特点:

  1. 解释性执行,它的源代码不需要编译，可直接在 browser 中运行解释。

  2. 基于对象：它能运用自己已经创建的对象，因此，许多功能可以来自于基本环境中
    的对象方法与脚本的相互作用。

  3. 弱类型,没有严格的数据类型

  4. 事件驱动,指在主页中执行了某种操作所产生的动作，此动作被称之为“事件” 。

  5. 跨平台：Js 依赖于Js引擎解释器，与操作环境无关。

  6. 安全性：Js 是一种安全性语言，它不能访问本地磁盘，也不能将数据存入到服务器
    上，也不允许对网络文档进行修改和删除。

Js如何操作DOM的？

  1. 浏览器有HTML源码渲染的功能，把HTML源码在内存里形成一个DOM对象，就是文档对象。
  2. 还有一个JavaScript的解释器/执行器/引擎
  3. 我们在HTML里写一个JS代码，JS代码被引擎所执行的结果，就是对DOM的操作，而对DOM操作结果，就是我们看到的特效。
  4. 比如：文字变色，图片漂浮等。

js的注释分两种:

  1. 单行注释 //
  2. 多行注释 /**/ （附：注释之间不可嵌套注释）

1.基本语法:

  • a.外部导入js,新建一个js文件,使用<script src="*.js"></script>的方式导入外部js文件
  • b.内部js,把所有与js有关的代码用<script></script>包裹嵌入到html文档里面.

2.js的输出方式

  1. alert(),显示带有指定内容和一个ok按钮的警告框.
  2. console.log(),会在控制台输出内容,多用于代码测试.
  3. document.write(),向html文档中写内容.
  4. innerHTML,向元素内容里写入内容.(必须先找到对应的内容)
  5. 修改元素的属性值.
  6. 修改元素的样式.

3.常量:在程序运行期间,不可改变的量.

  • a.数字常量:1,10,0.5,-8,1e4
  • b.字符串常量:"字符串可以是双引号引起来",'也可以是单引号'。

双引号不可以嵌套双引号,单引号不可嵌套单引号。双引号可以嵌套单引号,单引号也可以嵌套双引号

4.变量:在程序运行期间,可以改变的量.

变量一种存储数据的容器,变量需要定义。

	var 变量名 = 初值;
	如果要连续定义多个变量,用逗号隔开,只需要在最开头写var即可。

5.原始数据类型:

a.number数字类型
b.string字符串类型
c.boolean 布尔类型
d.null  空置类型
e.undefined 未定义类型
f.object 对象类型
注意:js里数据类型由赋的值决定.

6.运算符:

规范:运算符两端加空格.
a.算数运算符(+,-,*,/,%,--,++)
b.赋值运算符(=,+=,-=,*=,/=,%=).
c.关系运算符(>,<,>=,<=,==,===,!=,!==)
d.逻辑运算符(&&,||,!)

7.转义字符:

\内容,输出时会输出斜杠后面的内容,
特殊的:
\n 代表换行
\t缩进一次tab键的距离

8.js到底是如何影响元素的?

js设置样式的本质就是在往行间写style(标签内)