Web前端----原生JavaScript

Web前端笔记

第六部分：JavaScript

1. JavaScript介绍

• JavaScript是运行在浏览器端的脚步语言，
  JavaScript直接有浏览器解释执行不需要编译
  JavaScript主要解决的是前端与用户交互的问题，
  包括使用交互与数据交互。 JavaScript是浏览器解释执行的，
  前端脚本语言还有JScript（微软，IE独有），ActionScript( Adobe公司，需要插件)等。

• 前端三大块
  1、HTML：页面结构
  2、CSS：页面表现：元素大小、颜色、位置、隐藏或显示、部分动画效果
  3、JavaScript：页面行为：部分动画效果、页面与用户的交互、页面功能

• Javascript组成
  1、ECMAscript javascript的语法（变量、函数、循环语句等语法）
  2、DOM 文档对象模型 操作html和css的方法(修改html内容，css的样式等)
  3、BOM 浏览器对象模型 操作浏览器的一些方法(浏览器弹出弹框，定时器等)

• JavaScript格式
  js对缩进没有要求，每一句js代码使用分号分开即可
  代码内部的function函数，if——else调节语句等等使用大括号包裹起来的内容，后面不写分号“；”
  缩进没有要求，可以写在一行，实际书写缩进是为了代码整洁，符合规范

• JavaScript注释
  1、一条javascript语句应该以“;”结尾
  2、多个相同变量，写在一起，使用逗号“,”
  3、// 单行注释,两个斜线
  多行注释,类似css样式的注释
  /*
  xxx
  xxx
  */

• JavaScript运行：
  js代码一般都是引入到HTML或者PHP页面，然后使用浏览器运行
  网页代码从上往下依次运行，js代码依次运行，每刷新一次网页
  就会执行一行js代码

2. JavaScript嵌入页面的方式

• 和css一样，有3中引入方式
  1、行间事件（主要用于事件）
  

  2、页面script标签嵌入
  

3. 变量

• JavaScript 是一种弱类型语言，javascript的变量类型由它的值来决定。
  定义变量需要用关键字 ‘var’
  var iNum = 123;
  var sTr = ‘asd’;
  //同时定义多个变量可以用","隔开，公用一个‘var’关键字
  var iNum = 45,sTr=‘qwe’,sCount=‘68’;

• 变量类型

  • 5种基本数据类型：
    1、number 数字类型
    2、string 字符串类型
    3、boolean 布尔类型 true 或 false
    4、undefined undefined类型，变量声明未初始化（只定义一个变量，但是不赋值），它的值就是undefined
    5、null null类型，表示空对象，如果定义的变量将来准备保存对象，可以将变量初始化为null,在页面上获取不到对象，返回的值就是null
  • 1种复合类型：
    object

• 变量、函数、属性、函数参数命名规范
  1、区分大小写
  2、第一个字符必须是字母、下划线（_）或者美元符号（$）
  3、其他字符可以是字母、下划线、美元符或数字

• 匈牙利命名风格：
  对象o Object 比如：oDiv
  数组a Array 比如