JS学习指南

用法

<script> 和 </script>会告诉 JavaScript 在何处开始和结束。
<script> 和 </script> 之间的代码行包含了 JavaScript:会在页面加载时执行。
通常，我们需要在某个事件发生时执行代码，比如当用户点击按钮时。如果我们把 JavaScript 代码放入函数中，就可以在事件发生时调用该函数。

例如：
<button type="button" onclick="myFunction()">尝试一下</button>

知识点：JavaScript 是脚本语言，浏览器会在读取代码时，逐行地执行脚本代码。而对于传统编程来说，会在执行前对所有代码进行编译。

调试

调试–菜鸟驿站

语法

常规语法

• 字符串：双引号、单引号
• 数组： [ 5,6,7]
• 对象： {name:“sing”,age:20}
• 函数：function定义：function myFunction(a, b) { return a * b;}
• 运算符：同java
• 大小写敏感
• 字符集：JavaScript 使用 Unicode 字符集。Unicode 覆盖了所有的字符，包含标点等字符。
• let 声明的变量只在 let 命令所在的代码块内有效。
• const 声明一个只读的常量，一旦声明，常量的值就不能改变。

特殊的

• 变量：用 var进行定义

• 对象访问方式：person[“lastName”];

• 全局 JavaScript 变量
  在函数外声明的变量是全局变量，网页上的所有脚本和函数都能访问它。

• JavaScript 变量的生存期
  JavaScript 变量的生命期从它们被声明的时间开始。
  局部变量会在函数运行以后被删除。
  全局变量会在页面关闭后被删除。

• 向未声明的 JavaScript 变量分配值
  如果您把值赋给尚未声明的变量，该变量将被自动作为 window 的一个属性。

例如：这条语句：
carname=“Volvo”;
将声明 window 的一个属性 carname。

• typeof检测值的类型

typeof “John” // 返回 string
typeof 3.14 // 返回 number
typeof false // 返回 boolean
typeof [1,2,3,4] // 返回 object
typeof {name:‘John’, age:34} // 返回 object

• 在 JavaScript 中, undefined 是一个没有设置值的变量。
  typeof 一个没有值的变量会返回 undefined。
  任何变量都可以通过设置值为 undefined 来清空。 类型为 undefined.

person = undefined; // 值为 undefined, 类型是undefined

• 绝对相等符号：=== 值和类型都相等
• 类型转换----菜鸟驿站
• 表单验证—菜鸟驿站
• href="#"与href="javascript:void(0)"的区别

包含了一个位置信息，默认的锚是#top 也就是网页的上端。而javascript:void(0), 仅仅表示一个死链接。在页面很长的时候会使用 # 来定位页面的具体位置，格式为：# + id。如果你要定义一个死链接请使用 javascript:void(0) 。

数据类型

• 值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol。

• 引用数据类型：对象(Object)、数组(Array)、函数(Function)。

语句

• 按照编写顺序执行
• 支持代码块

函数

JavaScript 显示数据

JavaScript 可以通过不同的方式来输出数据：

• 使用 window.alert() 弹出警告框。
• 使用 document.write() 方法将内容写到 HTML 文档中
  • 请使用 document.write() 仅仅向文档输出写内容。如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖。
• 使用 innerHTML 写入到 HTML 元素。
  • 使用：

document.getElementById("demo").innerHTML = "段落已修改。";

• 使用 console.log() 写入到浏览器的控制台。
  • 如果您的浏览器支持调试，你可以使用 console.log() 方法在浏览器中显示 JavaScript 值。

字符串方法

• 在 JavaScript 中，正则表达式通常用于两个字符串方法 : search() 和 replace()。

search() 方法 用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串，并返回子串的起始位置。
replace() 方法 用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。

正则表达式

语法：/正则表达式主体/修饰符(可选)

var patt = /runoob/i

对象

this关键字

面向对象语言中 this 表示当前对象的一个引用。
但在 JavaScript 中 this 不是固定不变的，它会随着执行环境的改变而改变。

• 在方法中，this 表示该方法所属的对象。
• 如果单独使用，this 表示全局对象。
• 在函数中，this 表示全局对象。
• 在函数中，在严格模式下，this 是未定义的(undefined)。
• 在事件中，this 表示接收事件的元素。
• 类似 call() 和 apply() 方法可以将 this 引用到任何对象。

交互相关

事件

常用事件

• onchange HTML 元素改变
• onclick 用户点击 HTML 元素
• onmouseover 鼠标指针移动到指定的元素上时发生
• onmouseout 用户从一个 HTML 元素上移开鼠标时发生
• onkeydown 用户按下键盘按键
• onload 浏览器已完成页面的加载

总结于菜鸟驿站------菜鸟驿站—js教程