首页 > 代码库 > JavaScript

JavaScript

1、JavaScript的概念

JavaScript是一种直译式脚本语言,已经被广泛用于web应用开发。经常使用来为网页加入各式各样的动态功能。为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

JavaScript简称js。

特点:

a:是一种解释性脚本语言(代码不须要进行预编译)。

b:主要用来向HTML页面加入交互行为。

c:能够直接嵌入HTML页面。但写成单独的js文件有利于结构和行为的分离。

d:跨平台性。在绝大多数浏览器的支持下,能够在多种平台下执行。


JavaScript脚本语言和其他语言一样,有它自身的基本数据类型,表达式和算术运算符及程序的基本程序框架。

JavaScript提供了四种主要的数据类型和两种特殊数据类型用来处理数据和文字。而变量踢动存放信息的地方,表达式则能够完毕较复杂的信息处理。


JavaScript仅仅是外观像java。可是和java是两种不同的语言。

JavaScript是面向对象的一门语言。(基于对象)


2、js怎样书写?

a:直接书写在html的页面中!

通过html的script标签,在script标签内书写js代码。

b:在外部js文件里写js的代码,然后通过html中的script标签的src属性,引入到html文件里。

技术分享

3、JavaScript中keyword和标识符

keyword:var 。if ,while , for 。do, switch ....case....

标识符:用户依据自己的需求,定义的一个字符串。

作用:定义 变量名、方法名、对象名。

标识符组成:下划线、$、数字、字母。

(数字不能作为标识符的开头,标识符不能喝keyword反复。)


4、JavaScript中的数据类型

数值类型:number(包含整数和小数)

字符串:string(包括字符和字符串)

布尔类型:boolean

undefined:undefined(表示未定义)

null:null(表示值为空)

对象类型:object


5、JavaScript中的变量

js中变量定义的方式:

var   变量名   =   初始值;

var   变量名

注意:动态类型的语言。

通过typeof能够知道js变量的类型。

技术分享


6、JavaScript中的凝视

单行凝视:    //

多行凝视:   /*    凝视内容   */

注意:多行凝视和多行凝视不能嵌套使用。


7、JavaScript中的运算符

7.1算术运算符

注意:

字符和其他类型进行+运算的时候。实质上是字符串连接(变长的过程)。

字符串和其他数据类型进行‘非+’运算的时候,会把字符串转换为number类型,再进行运算。------弱类型+动态类型。☆

☆☆☆:假设字符串不能转换成number类型,会返回NaN(表示非number)

技术分享

7.2关系运算符(比較运算符)

js中的比較运算符号:>    <    >=    <=    !=    ==

===(表示恒等:要求数值同样的同一时候。类型也要同样)   !==

技术分享

7.3逻辑运算符

&&      ||      !

技术分享

7.4三元运算符

js:表达式1?表达式2:表达式3

假设表达式1为假。返回表达式3的结果,假设表达式1为真,返回表达式2的结果。

技术分享

8、JavaScript中的数组

java中数组的定义:

类型[ ]   数组名   =   new   类型[长度];

类型[ ]   数组名   =   {初始值}。

8.1第一种定义方式:

var   数组名   =   [初始值];

注意:

1、通过角标能够得到数组中,某个位置的值。

2、通过数组的length属性得到数组的长度。

3、数组不固定类型。能够存放不论什么类型的数据。

4、数组的长度是可变的。


8.2数组的另外一种定义方式

var   数组名   =   new Array();

注意:

1、假设Array()不接收參数,表示定义一个长度为0的数组。

2、假设Array()接收一个參数,而且这个參数是整数。那么表示定义一个长度为这个參数的数组。

3、假设接收一个參数。而且是数值类型的非整数,此时报错。

4、假设接收一个參数,而且这个參数是非数值类型的,那么这个參数是数组的初始值。

5、假设接收多个參数。那么这些參数就是数组的初始值。


9、JavaScript的函数

9.1、函数第一种定义方式

function   函数名   (參数列表){

函数体。

}

注意:

1、參数列表,定义參数的时候,不能使用keywordvar

2、假设函数须要返回值。直接使用return

3、在js中没有重载的概念。后面的同名函数。会把前面的同名函数覆盖。

4、假设js调用函数的时候。出现少传递值的情况。那么定义的变量没有接收到值,它是undefined

5、js中的函数,自带一个arguments,表示參数(全部的參数)数组。

建议不要使用arguments来接收參数,假设须要參数,在參数列表中定义。

技术分享

9.2、函数另外一种定义方式

var   函数名   =   new   Function(“參数列表”。“函数体”);

9.3、函数的第三种定义方式:

function   (){

函数体;

}

事件:能够理解为一些行为或者动作。

假设该行为或者动作有意义,须要我们去做一些事情。此时能够通过事件调用js中的函数。实现某些功能。

技术分享

全局函数:

技术分享


10、JavaScript中的对象

10.1、定义对象的第一种方式

通过keywordfunction定义一个对象。

技术分享

10.2、自己定义对象的另外一种写法

在js中,{ }表示一个对象。

属性的写法:

属性:值

多个属性须要使用逗号分开。

函数的定义方式:

函数名:function(){函数体01}

多个函数须要使用逗号切割,而且函数和属性也须要使用逗号分开。

注意:对象在使用的时候,不须要new,直接赋值。或者直接使用。

技术分享


11、JavaScript中事件介绍

技术分享


12、BOM介绍

browser object model:浏览器对象模型。

是用于描写叙述这样的对象与对象之间层次关系的模型,浏览器对象模型提供了独立于内容的、能够与浏览器窗体进行互动的对象结构。

BOM由多个对象组成,当中代表浏览器窗体的Window对象是BOM的顶层对象,其他对象都是该对象的子对象。

作用:通过bom模型创建出的对象,能够实现js和浏览器进行交互。


13、window对象

Window对象表示浏览器中打开的窗体。

全部浏览器都支持window对象。window是js中的顶层对象。

全部JavaScript全局对象、函数以及变量均自己主动成为window对象的成员。

全局变量是window对象的属性,全局函数是window对象的方法。

框架标签内也有一个window对象。

HTML DOM的document也是window对象的属性之中的一个。

☆:在js中。window.  一般是能够省略的。

技术分享

history对象:

存放一系列訪问过的URL信息。

技术分享

location对象

技术分享

14、dom对象

Document对象:每一个加载浏览器的HTML文档都会成为Document。

Document对象使我们能够从脚本中对HTML页面中的全部元素进行訪问。

Document对象是Window对象的一部分,可通过window.document属性对其进行訪问。

技术分享

createElement(“标签名”)---依据标签名。创建一个标签对象。

createTextNode(“内容”)----依据内容去创建文本节点。

15、window、bom、dom之间的关系

技术分享



JavaScript