基础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教程——,一篇必看的文章,是边肖与大家分享的全部内容。希望能给大家一个参考,支持我们。
版权声明:基础JavaScript教程——初学者必看是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。