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(): 返回某个字符串对象的原始值。

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180401G17IR700?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

同媒体快讯

扫码关注云+社区

领取腾讯云代金券