尚硅谷_JavaScript_学习笔记

JavaScript简介

JavaScript 简介: JavaScript 是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言,是一种动态、弱类型、基于原型的语言,内置支持类。它的解释器被称为 JavaScript引擎,为浏览器的一部份。同时也是一种广泛用于客户端 Web 开发的脚本语言。最初由网景公司(Netscape)的布兰登·艾克(Brendan Eich)设计, 1997 年,在 ECMA(欧洲计算机制造商协会)的协调下,由 Netscape、 Sun、微软、 Borland 组成的工作组确定统一标准: ECMA-262。 JavaScript 是 Sun 公司的注册商标,和 Java 没有直接关系。

JS:HelloWorld

1.点击按钮弹出文本值
2.HTML 代码:
3.JavaScript 代码:

 
     
  • 注意:加载外部 CSS 样式表使用的是 link 标签,和加载外部 JS 文件
    不同!
  • JavaScript 数据类型

    • 字符串: JavaScript 中没有“字符型”数据,单个字符也被当成字符串处理
    • 数字型: JavaScript 不区分整型和浮点型,所有数字都是以浮点型来表示的
    • 布尔型
      true: true、非零的数字、非空的字符串
      false: false、数字 0、空字符串、 undefined、 null
    • 函数:在 JavaScript 中,函数也是一个对象,可作为一个值赋给变量,函数名就是这个对象的引用。
    • Null:代表“空”。 Null 是数据类型,它只有一个值: null
      不代表数字型的 0,不代表字符串类型的””空字符串
      不是一个有效的数字、字符串、对象、数组和函数,什么数据类型都不是
      JavaScript 区分大小写, Null、 NULL 都不等同于 null
      typeof(null)返回 Object(为了向下兼容)
    • undefined:表示:未定义
      定义了一个变量但未赋值
      使用了一个未定义的变量
      使用了一个不存在的对象的属性

    JavaScript 严格区分大小写

    JavaScript 标识符命名规范和 Java 完全一样

    变量

    • 使用 var 关键字声明
    • JavaScript 是弱类型语言,声明变量时,不需要指定类型。 变量在使用中也可以存储各种类型的数据

    函数

    尚硅谷_JavaScript_学习笔记_第1张图片

    JavaScript 代码写在什么位置

    HTML 标签内

    • js 和 html 强耦合, 不利于代码的维护。例如:给 10 个 button 按钮绑定同样的单击响应函数。如果要修改函数名则必须在 10个 button标签处都修改,容易造成遗漏或不一致

    标签内

    • 这个位置更符合习惯,但有严重问题: 在 body 节点之前执行的代码无法直接获取 body 内的节点。 原因:此时 html 文档树还没有加载完成, 更准确的说就是——内存中的 DOM 结构还不完整,不包括未加载的 DOM 节点,所以相关节点 JavaScript 程序获取不到
    • 浏览器加载原理分析
      • 浏览器按照从上到下的顺序下载 HTML 文档,一边下载,一边加载到内存, 不是全部下载后再全部加载到内存。 另外, DOM 树结构的绘制优先于关联元素的加载,比如图片。
      • 通常来说,浏览器执行 JavaScript 脚本有两大特性:
        ①载入后马上执行。
        ②执行时会阻塞页面后续内容(包括页面的渲染、其它资源的下载)。
      • 浏览器加载 HTML 文档时,如果遇到

    你可能感兴趣的:(前端)