一、JavaScript对象:
JavaScript对象也是一个变量,但对象可以包含多个值,每个值以name:value对定义。
通过两种方式访问对象属性:a.first和a[first]
二、JavaScript函数:
函数是由事件驱动或者当它被调用时执行的可重复使用的代码块。
JavaScript函数的语法:
function Functionname()
{
;//代码
}
带参数的函数:参数之间用逗号“,”分隔。
function Functionname(argument1,argument2)
{
;//代码
}
带返回值的函数:通过return返回指定的值:
function Functionname()
{
var i = 8;
return i; ;//代码
}
在JavaScript函数内部声明的变量是局部变量;在函数外声明的变量是全局变量,网页上的所有脚本和函数都能访问。
JavaScript变量的生存期:JavaScript变量的生命期从它被声明的时间开始,局部变量会在函数运行结束后被删除,全局变量会在页面关闭后被删除。
三、JavaScript作用域:
作用域是可访问变量的集合。在JavaScript中,作用域为可访问变量、对象、函数的集合。变量在函数内部声明,变量为局部变量,具有局部作用域;变量在函数外定义,变量为全局变量,具有全局作用域,网页中所有脚本和函数均可使用。
四、JavaScript事件:
HTML事件是发生在HTML元素上的事情。当在HTML页面中使用JavaScript时,JavaScript可以触发这些事件,如:
function displayDate(){
document.getElementById("demo").innerHTML=Date();
}
常见的HTML事件:
| 事件 | 描述 |
| onchange | HTML 元素改变 |
| onclick | 用户点击 HTML 元素 |
| onmouseover | 鼠标指针移动到指定的元素上时发生 |
| onmouseout | 用户从一个 HTML 元素上移开鼠标时发生 |
| onkeydown | 用户按下键盘按键 |
| onload | 浏览器已完成页面的加载 |
五、JavaScript字符串:
JavaScript字符串用于存储和处理文本。字符串可以是插入在引号中的任何字符,可以使用单引号或者双引号。可以使用内置属性length来计算字符串的长度。示例:
var txt = "Hello World!";
var sln = txt.length;
可以使用转义字符转义的特殊字符:
| 代码 | 输出 |
| \' | 单引号 |
| \" | 双引号 |
| \\ | 反斜杠 |
| \n | 换行 |
| \r | 回车 |
| \t | tab(制表符) |
| \b | 退格符 |
| \f | 换页符 |
字符串的属性:
| 属性 | 描述 |
| constructor | 返回创建字符串属性的函数 |
| length | 返回字符串的长度 |
| prototype | 允许您向对象添加属性和方法 |
字符串对象方法:
| 方法 | 描述 |
| charAt() | 返回在指定位置的字符。 |
| charCodeAt() | 返回在指定的位置的字符的 Unicode 编码。 |
| concat() | 连接两个或更多字符串,并返回新的字符串。 |
| endsWith() | 判断当前字符串是否是以指定的子字符串结尾的(区分大小写)。 |
| fromCharCode() | 将 Unicode 编码转为字符。 |
| indexOf() | 返回某个指定的字符串值在字符串中首次出现的位置。 |
| includes() | 查找字符串中是否包含指定的子字符串。 |
| lastIndexOf() | 从后向前搜索字符串,并从起始位置(0)开始计算返回字符串最后出现的位置。 |
| match() | 查找找到一个或多个正则表达式的匹配。 |
| repeat() | 复制字符串指定次数,并将它们连接在一起返回。 |
| replace() | 在字符串中查找匹配的子串,并替换与正则表达式匹配的子串。 |
| replaceAll() | 在字符串中查找匹配的子串,并替换与正则表达式匹配的所有子串。 |
| search() | 查找与正则表达式相匹配的值。 |
| slice() | 提取字符串的片断,并在新的字符串中返回被提取的部分。 |
| split() | 把字符串分割为字符串数组。 |
| startsWith() | 查看字符串是否以指定的子字符串开头。 |
| substr() | 从起始索引号提取字符串中指定数目的字符。 |
| substring() | 提取字符串中两个指定的索引号之间的字符。 |
| toLowerCase() | 把字符串转换为小写。 |
| toUpperCase() | 把字符串转换为大写。 |
| trim() | 去除字符串两边的空白。 |
| toLocaleLowerCase() | 根据本地主机的语言环境把字符串转换为小写。 |
| toLocaleUpperCase() | 根据本地主机的语言环境把字符串转换为大写。 |
| valueOf() | 返回某个字符串对象的原始值。 |
| toString() | 返回一个字符串 |
字符串HTML包装方法:
| 方法 | 描述 |
| anchor() | 创建 HTML 锚。 |
| big() | 用大号字体显示字符串。 |
| blink() | 显示闪动字符串。 |
| bold() | 使用粗体显示字符串。 |
| fixed() | 以打字机文本显示字符串。 |
| fontcolor() | 使用指定的颜色来显示字符串。 |
| fontsize() | 使用指定的尺寸来显示字符串。 |
| italics() | 使用斜体显示字符串。 |
| link() | 将字符串显示为链接。 |
| small() | 使用小字号来显示字符串。 |
| strike() | 用于显示加删除线的字符串。 |
| sub() | 把字符串显示为下标。 |
| sup() | 把字符串显示为上标。 |