JavaScript基础

一、介绍
JavaScript是一种轻量级、解释型的高级编程语言，主要用于客户端脚本处理。我们在用前端语言编写网友时，常使用JavaScript给网页添加动态效果。
JavaScript主要由三部分组成：

• 基本语法：ECMAScript
  
• 文档对象模型：DOM
  
• 浏览器对象模型：BOM
  

二、语法

• 注释符
  单行 //
  
  
  
  多行
  
  
  
  
• 输出语句
  1.警告框：alert("示例文本")
  例如
  
  
  
  
  
  
  2.输出文本：document.write("示例文本")
  例如
  
  
  
  
  
  
  
• 变量
  这里只讲基础，即只讲变量的声明、赋值和使用。
  JavaScript 中一共有三种主要的变量声明关键字：var、let 和 const。var 声明的变量具有函数作用域或全局作用域（在最外层）；let 声明的变量具有块级作用域，即仅在最近一对 {} 内有效，并且不可重复声明于同一作用域内；const 与 let 同为块级作用域，但声明时必须初始化，且绑定（binding）不可重新赋值；若其值为对象或数组，仍可修改内容（mutable）。
  赋值：=。需要知道的是，变量可以赋值为多种类型，例如数字、字符串、函数、数组、对象等等。
  使用：
  如样例所示
  
  
  
  
  
  
  
• 函数
  函数定义：
  function 函数名(){
  ......
  }
  函数调用：
  函数名();
  
• 事件
  JavaScript中的事件是指发生在浏览器或窗口中，能够被JavaScript侦测到的交互行为或其他动作。事件可以是用户的操作(如点击按钮、按键、拖动鼠标等)，也可以是系统行为(如页面加载、滚动、错误发生等)。事件的语法有多种，这里只介绍最基础的2种方式（样例中都以点击事件即onclick为例，其他的事件名称读者可自行查阅和实践）：
  1.HTML 属性
  
  
  
  样例中：元素的标签中直接使用 onclick 属性，属性值为要执行的 JavaScript 代码或函数调用
  2.DOM 属性绑定
  在 JavaScript 中，通过元素的 onclick 属性将一个函数引用赋值给它
  
  
  
  

三、使用JavaScript
使用JavaScript脚本的方式很多，这里介绍最简单、最基础的两种方式
1.内联脚本
可以直接在 HTML 文档的任意位置使用 < script > 标签编写 JavaScript 代码，浏览器在解析到标签时会立即执行其内容。注意：虽然理论上< script >可以放在html文档中的任意位置，但是建议最好还是放在< body >里面或者< /html >后面，放在< body >里面较为符合规范，但是会阻塞渲染；放在< /html >下面虽然不太符合规范，但是可以有效保障不阻塞渲染

2.外部脚本文件
将脚本单独放在 .js 文件中，再通过 < script src="path/to/file.js" >< /script > 引入，有利于代码复用和维护。注意：该种方式可以在< script >中加上defer变成< script src="" defer >,然后放在< head >中，这样就不会阻塞渲染；或者不加defer，放在< /body >末尾

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！