JavaScript 基础

JavaScript 基础学习（对大小写敏感）

一、JavaScript 的用法：（js 语句由浏览器执行）

**1、**内嵌式：

使用 <script></script> 标签

2、外链式：

创建 js 文件写入 js 语句，通过 <script src=""></script> 来将 js 文件引入 HTML 文档。

3、行内式：

直接书写在标签身上，是一个简写的事件，所以又称之为事件属性。

如：

<input type=button value=点我呀!onclick="alert('尼玛')";>

<button onclick=alert('尼玛');>点我呀!</button>

二、JavaScript 基础语法：

1、变量：

变量命名规则：

变量名必须以字母开头

变量名也能以 $ 和 _ 符号开头（不过我们不推荐这么做）

变量名称对大小写敏感（y 和 Y 是不同的变量）

不能以保留字命名。

用 var 定义一个新的变量。

使用=为变量赋值。

2、注释：

// 单行注释

/* */ 多行注释

3、关键字：（保留字）

如 var、if、in、try 等

不能以关键字命名。

4、语句：

js 语句之间用；来分隔。

会忽略多余的空格，因此可以添加空格来提高代码可读性。

可以在文本字符串中使用反斜杠对代码行进行换行。

条件运算符变量名= (express)?value1:value2

5、数据类型：

JavaScript 拥有动态类型，即相同的变量可用作不同的类型。

值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（没有设置值的变量）（Undefined）、Symbol（表示独一无二的值）。

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

数字：

parseInt(…) 将某值转换成数字，不成功则 NaN

parseFloat(…) 将某值转换成浮点数，不成功则 NaN

特殊值：NaN，非数字。

可使用 isNaN(num) 来判断。

Infinity，无穷大。可使用 isFinite(num) 来判断。

字符串：

使用转义符号\ 转义字符

可以直接采用索引方式访问字符，

如：var a=“caonima”;

alert("a[0]") //弹出 c

obj.length 长度

obj.trim() 移除空白

obj.trimLeft()

obj.trimRight)

obj.charAt(n) 返回字符串中的第 n 个字符

obj.concat(value,…) 拼接

obj.indexOf(substring,start) 子序列位置

obj.lastIndexOf(substring,start) 子序列位置

obj.substring(from,to) 根据索引获取子序列

obj.slice( ,end) 切片

obj.toLowerCase() 大写

obj.toUpperCase() 小写

obj.split(delimiter,limit) 分割

obj.search(regexp) 从头开始匹配，返回匹配成功的第一个位置(g 无效)

obj.match(regexp) 全局搜索，如果正则中有 g 表示找到全部，否则只找到第一个。

obj.replace(regexp,replacement) 替换，正则中有 g 则替换所有，否则只替换第一个匹配项，

$数字：匹配的第 n 个组内容；

$&：当前匹配的内容；

$`：位于匹配子串左侧的文本；

$'：位于匹配子串右侧的文本

$$：直接量$符号

数组的创建：

(1)、

var cars=new Array();

cars[0]=“Saab”;

cars[1]=“Volvo”;

cars[2]=“BMW”;

(2)、

var cars=new Array(“Saab”,“Volvo”,“BMW”);

(3)、

var cars = [];

数组的操作：

obj.length 数组的大小

obj.push(ele) 尾部追加元素

obj.pop() 尾部获取一个元素

obj.unshift(ele) 头部插入元素

obj.shift() 头部移除元素

obj.splice(start,deleteCount,value, …) 插入、删除或替换数组的元素

obj.splice(n,0,val) 指定位置插入元素

obj.splice(n,1,val) 指定位置替换元素 obj.splice(n,1) 指定位置删除元素

obj.slice( ) 切片

obj.reverse( ) 反转

obj.join(sep) 将数组元素连接起来以构建一个字符串

obj.concat(val,…) 连接数组 obj.sort() 对数组元素进行排序

对象的定义与使用：

对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name: value) 来定义。

属性由逗号分隔。空格和换行无关紧要。声明可横跨多行。

如：

var person = {

firstName: "John",

lastName: "Doe",

id: 5566,

fullname: function()           //对象的方法定义

{

   return this.firstName + " " + this.lastName;

}

};

使用：

name=person.lastname;

name=person[“lastname”];

name=person.fullname(); //方法的使用

若不加括号，则返回函数的定义。

函数：

由关键字 function 定义

可以在某事件发生时直接调用函数（比如当用户点击按钮时），

并且可由 JavaScript 在任何位置进行调用。

6、JavaScript 与 HTML 事件：

js 标签：标签名：{代码块}

可以用 break 标签名跳出代码块。

HTML 事件是发生在 HTML 元素上的事情。

当在 HTML 页面中使用 JavaScript 时，JavaScript 可以触发这些事件。

使用方法：<html 标签事件属性=“JavaScript 代码”>

如：<button onclick="this.innerHTML=Date()">现在的时间是?</button>

常见事件：

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

没有理想的人不伤心

JavaScript基础

JavaScript 基础