JavaScript基础

简介: JavaScript基础

一、什么是javaScript?


javaScript是一种基于对象和事件驱动的脚本语言。




二、JavaScript的特点:


1.向HTML页面中添加交互行为


2.脚本语言,语法与java类似。


3.解释性语言,边执行边解释。



三、javaScript的组成:


1.ECMScript


2.BOM


3.DOM



四、JavaScript的基本结构:


五、JavaScript的执行原理:


1.浏览器向客户端发送请求。


2.服务器处理包含JavaScript的页面


3.服务器将处理完的JavaScript页面返回到浏览器显示给用户。


六、网页中引入JavaScript的方式:


1.使用


3.直接在HTML标签里面,


七、JavaScript中的变量:


1.声明:

var 变量名 ;


2.赋值:

变量名 = 值;


eg:var i ; i = 5;


3.边声明边赋值:


var 变量名 = 值;


eg:var i = 5;



八、JavaScript中的数据类型:


1.undefined类型:该类型只有一个值,就是undefined,当声明的变量未初始化时,该变量的默认值是undefined。


2.null类型,该值与undefined的值相等。


3.number类型:数值类型。


4.string类型:字符串类型。


5.boolean类型,值是true或者false



九、字符串中的方法:


1.indexOf:查找某个指定的字符串在字符串中的位置,返回数值类型。


2.charAt:返回在指定位置的字符。


3.substring(index1,index2):返回指定索引index1到index2之间的字符串


4.split(str):分割字符串,之后放在数组里



十、typeof(值或者变量)


返回该变量或者该值的类型。


eg:var i = 5;
alert(typeof(i)); //弹出number


十一、数组:

1.先声明,在赋值:

var num = Array(2);
num[0] = 1;
num[1] = 2;


2.在声明的同时赋值:

var num = Array(1,2);

3.通过[]的方式来赋值:

var num = [1,2];



十二、数组里面的方法和属性:


1.数组名.length:获取数组的长度


2.数组名.join(),把数组中的所有元素放入一个字符串中,通过一个分割符进行分割。


3.数组名.sort():对数组进行排序


4.数组名.push():向数组末尾添加一个或多个元素,并返回最新的长度。



十三、运算符号:


1.算术运算符:+ - * / %


2.赋值运算符:= += -=


3.比较运算符:> < == != >= <=


4.逻辑运算符:&& || !



十四、逻辑控制语句:


1.

if(表达式){

//js代码

}else{

//js代码

}


2.switch结构:

switch(表达式){

case 值1:

//js代码

break;

case 值2:

//js代码

break;

default:

//js代码

break;

}


3.循环结构:

for(初始化;条件;迭代){

//js代码

}


注意:初始化是var i = 0;

  for(var i in 数组){
    //js代码
  }
4.while循环:
  while(条件){
    //js代码
  }
5.do--while循环:
  do{
    //js代码
  }while(条件);
6.中断操作:
  (1)break:结束循环
  (2)continue:结束当前循环,进行下次循环。
7.注释:
  单行注释://
  多行注释:<!-- ->


十五、常用的输入和输出:


1.警告:alert();


语法:alert(“弹出信息”);


2.提示:prompt();


语法:prompt(“输入信息”,“默认值”)



十六、语法约定:


1.js中区分大小写。


内置对象的首字母一般大写。关键字(for)一般小写。


2.变量、对象和函数的名称:


命名可以包含字母,数字,下划线,$,但是首字母不能是数字。


3.分号:


代表结束语句。



十七、常用的系统函数:


1.parseInt(“字符串”):将字符串转换成int类型的值。


2.parseFloat(“字符串”):将字符串转换成float的值。


3.isNaN():检测parseInt出来的值是否是非数字。


eg: var num = isNaN(“12.5”);//返回false


var num = isNaN(“12.5e”);//返回true



4.自定义函数:


(1)定义函数:

function 方法名(参数1,参数2){

//js代码

return 值;

}


5.事件名=函数名();如果函数有参数,在调用的时候需要传参数。


6.匿名函数:


eg:function (count){}


7.变量的作用域:


与java中类似,分为成员变量和局部变量。




目录
相关文章
|
JavaScript
JS基础之解构赋值
解构赋值 在js中,我们经常会将对象或者数组里面的一部分数据作为参数传递给函数,如果我们使用传统的.方法会很麻烦。
|
移动开发 JavaScript 前端开发
JavaScript基础知识梳理-上
对JavaScript基础知识梳理-上
198 31
JavaScript基础知识梳理-上
|
存储 JavaScript 前端开发
JavaScript基础(一篇入门)
JavaScript基础(一篇入门)
197 0
JavaScript基础(一篇入门)
|
JavaScript 前端开发
2021琴理工作室JS基础教学(三)
当网页被加载的时候,浏览器就会创建文档对象模型,也就是dom 而dom可以看做一颗树
65 3
2021琴理工作室JS基础教学(三)
|
JavaScript 前端开发
JavaScript 入门基础 - 运算符(三)
文章目录 JavaScript 入门基础 - 运算符(三) 1.什么是运算符 2.表达式和返回值 3.算术运算符概述 4. 赋值运算符 5.递增和递减运算符 5.1 递增和递减运算符概述 5.2 递增运算符 5.2.1 前置递增运算符 5.2.2 后置递增运算符 5.2.3 后置和前置运算符的区别 6. 比较运算符 7. 逻辑运算符 7.1 逻辑运算符概述 7.2 逻辑与 7.3 逻辑或 7.4
133 0
JavaScript 入门基础 - 运算符(三)
|
存储 JSON JavaScript
JavaScript 入门基础 - 变量 / 数据类型(二)
JavaScript 入门基础 - 变量 / 数据类型(二)
93 0
JavaScript 入门基础 - 变量 / 数据类型(二)
|
JavaScript 前端开发 物联网
JavaScript 入门基础 / 概念介绍(一)
JavaScript 入门基础 / 概念介绍(一)
119 0
JavaScript 入门基础 / 概念介绍(一)
|
JavaScript 前端开发 Java
JavaScript的基础使用
JavaScript的基础 一、javascript简介 JavaScript简称js,最初由网景(现在的Mozilla)公司创建,由于商标冲突原因,其标准版本命名为ECMAScript,但是一般人们还是叫JavaScript,只在谈标准的时候说到ECMAScript这个名字。值得注意的是JavaScript与java没有任何关系,就像雷峰塔(神话中镇压白娘子的塔)和雷锋。此外js(JavaScript)和jsp(java servlet pages)也没有关系。   js的工作分为两部分,一部分属于js语言本身的特性,而另一部需要依靠宿主环境(web浏览器)才能完成。 二、javascri
JavaScript的基础使用
|
JavaScript 前端开发
vue js文字跑马灯基础版本
提供两种解决思路
266 1
|
JavaScript 前端开发
原生js制作选项卡详解,适合无基础的人学习
原生js制作选项卡详解,适合无基础的人学习
121 0
原生js制作选项卡详解,适合无基础的人学习