JavaScript基础篇1

JavaScript的输出

window.alert(): 该方法弹出警告框；

document.write(): 该方法将内容写到HTML文档中，如果您在文档加载后使用该方法，会覆盖整个文档；

innerHTML: 该属性作用是将内容写到HTML元素中；

console.log(): 该方法是将内容写入到浏览器的控制台中；

JavaScript的数据类型(7个)

数字(Name)、字符串(String)、布尔类型（Boolean）、数组（Array）、对象(Object)、空(Null)、未定义（Undefined）

JavaScript的语句标识符

var : 声明一个变量；

function: 声明一个函数；

return: 退出函数；

break: 跳出循环；

continue: 跳过循环中的一个迭代；

try： 实现错误处理，与catch一同使用；

catch: 语句块，在try语句块执行出错时执行catch语句块；

switch: 基于不同的条件来执行不同的动作；

while: 当条件为true时，执行语句块；

JavaScript的变量

变量用来存放值和表达式。

规则：①必须以字母开头；②也能以_或$符号开头（不推荐）；③变量名区分大小写

JavaScript的数组

数组下标以‘0’开始。

var arr1 =new Array("a","b","c");//这是一个预定义数组，在创建时初始化

var arr2 = ["a","b","c"];//同样是在创建时初始化，但这种创建更为简洁直观

var arr3 = new Array(); var arr4 = [];//这两种是创建空数组

JavaScript 的对象

JavaScript对象是属性和方法的容器；

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

var person = { firstName :"John", lastName : "Doe" ,eat : function(){...} };

JavaScript 变量均为对象。当您声明一个变量时，就创建了一个新的对象。

调用对象有两种方式：person.firstName / person["firstName"]

最常见的两种创建方式

①

function demo1(){

var obj = new Object();

obj.name="John";

obj.age = 30;

obj.eat = function(){

alert(11);

}

return obj;

}

var demo = demo1();//输出调用

document.write(demo.age);

②

function demo2(){

this.name="John";

this.age = 30;

this.eat = function(){

alert(11);

}

}

var demo = new demo2;//输出调用

document.write(demo.age);

JavaScript的函数

函数是由事件驱动的，或者当它被调用时执行的可重复使用的代码块。

示例：

function showFullName2(firstName,lastName){

return firstName+lastName;//带有返回值的函数

}

document.getElementById('btn3').innerHTML=showFullName2('wang','hua');

JavaScript的作用域

局部变量：在函数内声明的变量（var）是局部变量，所以只能在函数内部访问它，（该变量的作用域是局部的）。生存周期是在函数运行完毕后，局部变量被销毁。

全局变量：在函数外部声明的变量为全局变量。网页上所有的脚本和函数都可以调用它。生存周期是在页面关闭后被销毁。

注释：如果变量在函数内没有使用var声明，则该变量为全局变量

JavaScript的事件

HTML事件可以是浏览器行为，也可以是用户行为。

常见的事件：

onchange: HTML元素改变；

onclick: 用户点击HTML元素；

onmousemove:用户在一个HTML元素上移动鼠标

onmouseover: 用户移动到一个HTML元素；

onmouseout: 用户从一个HTML元素上移开鼠标；

onmmouseenter: 当鼠标指针移动到元素上是触发；

onmouseleave: 当鼠标指针移出元素时触发；

onmouseup: 当鼠标按键被松开时触发；

onkeydown: 用户按下键盘按键；

onload: 浏览器已完成页面的加载；

JavaScript的字符串

字符串可以储存一系列字符，使用单引号或双引号括起来。

字符串的索引是从‘0’ 开始。

使用内置属性‘length’ 计算字符串的长度。

示例：

var str = "jalkflerew";

alert(str[1]);//a

alert(str.length);//10

特殊字符

反斜杠（\）是一个转义字符，转义字符将特殊字符转换为字符串字符。

使用转义字符的特殊字符有：

\' : ‘ （单引号）

\" : " (双引号)

\\ : \ (反斜杠)

\n : 换行

\r : 回车

\t : tab（制表符）

\b : 退格符

\f : 换页符

字符串也可以是对象。

var str1= "John"；

alert(typeof str1);// string

var str2 = new String("John");//使用new关键字将字符串定义为一个对象。

alert(typeof str2);// object

注释：不要创建 String 对象。它会拖慢执行速度，并可能产生其他副作用：

str1 === str2// false

字符串属性：

constructor: 返回创建字符串属性的函数；

length: 返回字符串的长度；

prototype: 允许向您的对象添加属性和方法；

字符串方法：

chatAt(): 返回制定索引位置的字符。

chatCodeAt(): 返回制定索引位置字符的Unicode值。

concat(): 连接两个或多个字符串，返回连接后的字符串。

fromCharCode():

indexOf(): 返回字符串中检索指定字符第一次出现的位置。

lastIndexOf(): 返回字符串中检索指定字符最后一次出现的位置。

localeCompare():

match(): 找到一个或多个正则表达式的匹配。

replace(): 替换与正则表达式匹配的子串。

search(): 检索与正则表达式相匹配的值。

slice():提取字符串的片段，并在新的字符串中返回被提取的部分。

split(): 把字符串分割为子字符串数组。

substr(): 从起始索引号提取字符串中指定数目的字符。

substring(): 提取字符串中两个指定的索引号之间的字符。

toString(): 返回字符串对象值。

trim(): 移出字符串收尾空白。

valueOf(): 返回某个字符串对象的原始值。