基础JavaScript教程——初学者必看

JavaScript是一种描述性语言。其实学起来并不难，只要努力学习，就会学好。我相信当你读这篇文章的时候，你也必须学习HTML。JavaScript用于更好地与网页交互。让我们切入下面的话题。

一、JavaScript。

1.什么是JavaScript？

JavaScript不仅是一种描述性语言，也是一种基于对象和事件驱动的安全脚本语言。

2.2.JavaScript的特性。

JavaScript主要用于给HTML页面添加交互行为。

JavaScript是一种脚本语言，语法类似于Java。

JavaScript通常用于为客户端编写脚本。

JavaScript是一种解释性语言。

3.JavaScript的组成。

ECMScript标准(指定所有属性、方法和对象的标准)。

浏览器对象模型：与HTML交互。

文档对象模型：访问和操作HTML文档。

4.JavaScript的基本结构。

script language=" JAVAScript " type=" text/JAVAScript "/script language=" JAVAScript "用于表示使用的语言是javascript5。

1.浏览器客户端向服务器发送请求。(用户在浏览器地址栏中输入的地址)

2.数据处理：服务器将处理一个包含javaScript的页面。

3.发送响应：服务器将包含javascript的HTML文件发送给浏览器客户端，然后浏览器客户端从上到下逐一解析HTML标签和JavaScript标签，将页面效果呈现给用户。

第二，在网页中引入JavaScript的方式。

1.使用脚本标签。

2.使用外部JavaScript文件。

如果想要在多个页面中运行JavaScript来达到同样的效果，通常会使用一个外部文件为. js的文件。

如何用引用文件？js扩展：

脚本src="./1 . js "/脚本

注意：外部文件不能包含脚本/脚本。

3.直接在HTML标签中。

输入名称=' BTN ' type=" button " value=" popup消息框" onclick="javascript:alert("欢迎")；/iii .JavaScript核心语法。

1.变量的声明和赋值。

变量的声明只使用var，变量的命名规范类似于Java。var num=1；

变量可以直接使用，无需在JavaScript中声明，但不建议使用这种用法。

2.数据类型。

未定义(未定义的类型)

Null(空类型)

数字(数字类型)

字符串(字符串类型)

布尔(布尔类型)

3.3.undefined和null之间的区别。

Null表示“没有对象”，也就是说，那里不应该有值。典型用法是：

(1)作为函数的参数，意味着函数的参数不是对象。

(2)作为对象原型链的终点。

object . getprototypeof(object . prototype)//null

Undefined表示‘缺少值’，也就是这里应该有一个值，但是还没有定义。典型用法是：

(1)当一个变量被声明但未赋值时，它等于undefined。

(2)调用函数时，没有提供应该提供的参数，参数等于undefined。

(3)对象没有分配属性，该属性的值未定义。

(4)如果函数没有返回值，默认返回undefined。

4.只有6例，判决结果为假。

null，false，未定义，0 ' '，NaN

5.字符串的一些常用方法。

toString()；返回一个字符串

toLowerCasee()；将字符串替换为小写。

toUpperCase()；将字符串转换为大写。

charAt(索引)；返回指定位置的字符串。

索引Of(字符串，索引)；查找字符串中指定字符串的第一个匹配项。

子串(索引，索引)；返回指定索引index1和index2之间的字符串(包括index1，但不包括index2)。

拆分(str)；将字符串拆分成字符数组。

6.创建数组并赋值的三种方法。

01.var num=(“1”，“2”)；

02.var num=新数组(2)；

num[0]=1；

num[1]=2；

03.var num=['1 '，' 2 ']；

常用方法和属性数组长度：设置或返回数组中的元素个数。

Join():将数组的所有速度放入一个字符串中，并通过分隔符对其进行划分。

Sort():对数组进行排序。

Push():将一个或多个元素添加到数组末尾，并放回新长度。

脚本类型=“文本/javascript”

//01.方法1:创建一个数组并将值赋给该数组。

//var水果=new Array('apple '，' orange '，'桃子'，' bananer ')；

//02.方法2:首先创建一个数组，然后通过下标给数组赋值。

var水果=新数组(4)；

水果[0]='苹果'；

水果[1]='橙色'；

水果[2]='桃子'；

水果[3]=' bananer '；

//03模式3:与模式1类似，只是符号改变。

//var水果=new Array['apple '，' orange '，'桃子'，' bananer ']；

//04.访问数组中下标为3的数据。

document.write(水果[0])；

//05通过数组的join方法将元素放入字符串中，并用指定的分隔符进行分割。

var result=水果. join('，')；

//06按排序方法对数组进行排序。

水果. sort()；

//06.在末尾添加一个或多个元素，最后返回数组的新长度。

var length=水果. push('wert '，' foot ')；

document.write('\n '长度)；

//07.遍历数组。

for(水果中的可变项目)

{

警报(水果[物品])；

}

/script

7.经营者

8程序调试。

方案1:vs中的调试。

步骤：01。将要调试的页面设置为起始页。

02.设置断点。

03.按F5开始调试。

方案二：chrome浏览器调试。

步骤：01。单击F12调出工具。

02.设置断点。

03.刷新页面。

方案三：IE浏览器。

步骤：01。F12，开发者工具。

02.转到脚本选项卡。

03.设置断点。

04.开始调试。

05.刷新。

四.JavaScript中的函数。

1.常用的系统功能。

01.parseInt("字符串")；

parseInt()函数首先查看位置0的字符，并判断它是否是一个有效的数字。如果不是，则返回NaN，不执行其他操作。但是，如果字符是有效参数，它将查看位置1的字符并执行相同的测试。该过程将继续，直到发现该字符是有效字符，此时该字符将前一个字符串转换为数字。

例如：

varnum 1=par sent(" 78.9 ")//返回值为78。

var2=parsent(" AFA 78.9 ")//返回值为NaN。

02.parseFloat(“字符串”)；

它的用法类似于parseInt，只是字符串中的第一个点将被视为有效字符。

eg:

varnum 1=par sent(" 78.9 ")//返回值为78。

var2=parsent(" AFA 78.9 ")//返回值为NaN。

2.自定义函数。

在JavaScript中，自定义函数由一个函数、一个函数名、一组参数和要在括号中执行的JavaScript语句组成。

让我们来看看语法：

函数名(参数1，参数2，)

{

//JavaScript语句

[返回返回值]

}

函数是定义函数的关键字，必须有。

参数1和参数2都是这个函数的参数，因为其他省份的JavaScritp的类型比较弱，所以给定参数的时候不需要提供类型。

由{}定义的函数的开始和结束。

return语句用于指定函数返回的值。

2.调用函数。

要执行函数，必须首先调用函数，并且必须指定函数名和以下参数。

例如：

script type="text/javascript "函数show(){ } show()；/script3。匿名函数。

匿名函数是没有名称的函数，也称为闭包，它允许临时创建没有指定名称的函数。最常作为回调函数参数的值，很多新手朋友都不知道。我们在这里分析一下。

函数名(参数列表){函数体；}

如果要创建匿名函数，应该是：

函数(){函数体；}

因为它是一个匿名函数，所以通常没有参数传递给它。

为什么要创建匿名函数？在什么情况下会使用匿名函数。匿名函数有两种常见的场景，一种是回调函数，另一种是直接执行函数。

例如：

脚本语言=' javascript 'var a=' a(function(){ var a=' b '；警报(a)；})();警报(a)；/script在上面的代码中，按顺序输出了两个警报框。第一个警告框是b，第二个是a.认为当Script标签中有匿名方法时，是自调用的，所以所有的消息都会先弹出B，然后遇到匿名方法后会提醒(A)弹出A.

以上基本的JavaScript教程——，一篇必看的文章，是边肖与大家分享的全部内容。希望能给大家一个参考，支持我们。