Js变量定义:

Js数据类型有：String、number、boolean、object、undefined、null

Js数组：

语法定义：

//声明的同时给数组赋值
var arr = new Array('a','b');document.write("=====================")//长度可以设置也可无
var arr = new Array(5);
//数组中值的类型可以是各种类型！
arr[0]='a';
arr[1]=false;
arr[3]=1;

数组函数：

length： 设置或返回数组中的元素的数目
join（param）： 把数组的所有元素放入一个字符串，通过分割符进行分割，默认以逗号分割，可以指定参数设置拼接符

//示例
var arr = new Array('a','b');
arr.join('-');//返回a-b

**sort：**可对字母生序排序，数字根据第一个数字升序排序
**push()：**向数组末尾添加一个或更多元素，并返回新的长度
**pop()：**删除并返回数组的最后一个元素
**concat：**连接并返回多个数组
**reverse()：**颠倒数组中元素的顺序
toString： 把数组转换为字符串，并返回结果

Js运算符：

算数运算符：+ - * / % ++ –
赋值运算符：= += -=
比较运算符： >、 <、 >=、 <=、 = =（比对值）、！=（不等）、 === (比较数据类型)、！= =
逻辑运算符： &&（并且） ||（或者）！（否）

Js逻辑控制语句：

1.if判断

if(条件){
}else if(条件){
}else{
}

2.switch分支

//switch分支表达式可以为number类型，也可以为String类型和char字符类型
swith（表达式）{
case 1 ：//js语句break；
。。。
default：//js语句
}

3.for循环

for(var i = 0; i<10;i++){console.info(i);
}

4.while循环

当表达式条件为true时会一直循环，直到表达式为false为止才终止循环

var num =10；
while （num>1）{num--；console.info(num);
}

5.for in循环

for in循环可以将数组下标值循环赋给变量


var  arr  = new Array('a','b','c');for(var i in arr){console.info(arr[i]);
}

**break：**跳出整个循环，继续执行js后续代码
**continue：**跳出当前本次循环，继续下一次循环

Js注释

//单行注释
/*
多行注释
*/

Js常用的输出/输入

//在浏览器弹出提示框
alert（'请重新输入数据'）;
//第一个参数是标题，第二个参数是提示框正文，正文是在文本输入框里面
prompt（'提示','请重新输入数据'）;

Js调试

**F12:**快速打开浏览器控制台

调试快捷键：
**F10：**单步运行调试
**F11：**调试进入到调用的方法里面
**F8：**完成调试，执行所有代码

**console.info：**将获取的数据可以直接输出到控制台，用来方便调试；
**alert：**将获取的数据已弹出框的形式显示在洁面，方便调试；

计算加减乘除

<script type="text/javascript">
//简单计算器
function computer(){
//获取第一个数字
var num1 = parseInt(document.getElementById("num1").value);
//获取第二个数字
var num2 = parseInt（document.getElementById("num2").value）;
//获取运算符
var comp = document.getElementById("comp").value;
//定义变量接收计算最后的值
var result = 0；alert('num1:'+num1)；
alert('comp:'+comp);
alert('num2:'+num2);//根据运算符进行不同运算switch(comp){case'+':result = num1+num2;break;case'-':result = num1-num2;break;case'*':result = num1*num2;break;case'/':result = num1/num2;break;default:alert('运算符输入错误，请重新输入！');document.getElementById("comp").value="";
} document.getElementById("result").value = result;
}
</script>

Js函数

自定义函数

函数的含义：类似于Java中的方法，是完成特定任务的代码语句块
使用更简单：不用定义属于某个类，直接使用
函数分类：系统函数和自定义函数
Js函数可以定义在Js文件当中，当界面需要用到这个函数，可以通过引入外部Js来使用这个Js里面的函数
可以定义有参函数或无参函数
定义函数可以return返回值

function  函数名(参数1，参数2...){//Js语句[return 返回值]
}

系统函数

parselnt（“字符串”）将字符串转换为整形数字
parseFloat（“字符串”）将字符串转换为浮点型数字
isNaN() 用于检查其参数是否是非数字

Js常用事件

onload： 一个页面或一幅图像完成加载
onlick： 鼠标单击某个对象
onmouseover： 鼠标直到某元素上
onkeydown： 某个键盘按键被按下
onchange： 域的内容被改变
onmouseout： 用户从一个HTML元素上移开鼠标
onblur： 光标移出该元素时触发

美男子的JavaScript笔记，望能助君留住秀发相关推荐

javascript笔记：深入分析javascript里对象的创建（上）续篇
今天回来一看我的博客居然有这么多人推荐真是开心极了,看来大家对我的研究有了认可,写博客的动力越来越大了,而且我发现写javascript在博客园里比较受欢迎,写java的受众似乎少多了,可能博客园里j ...
JavaScript 笔记Day1
<JavaScript 笔记> JavaScript 是属于网络的脚本语言! JavaScript 是世界上最流行的编程语言.这门语言可用于 HTML 和 web,更可广泛用于服务器.PC ...
JavaScript笔记整理
JavaScript笔记整理这段时间没有之前花在学习上的时间多了目前进度还停留在JavaScript和D3.js(这个目前只找到了教程) 主要原因是因为决定自己找单位实习,到了今天26号才有了眉目 ...
[Effective JavaScript 笔记]第27条：使用闭包而不是字符串来封装代码
函数是一种将代码作为数据结构存储的便利方式,代码之后可以被执行.这使得富有表现力的高阶函数抽象如map和forEach成为可能.它也是js异步I/O方法的核心.与此同时,也可以将代码表示为字符串的形式 ...
Web前端JavaScript笔记（4）节点
如何获取元素节点的属性: 在Web前端JavaScript笔记(3)对象中,介绍了访问行间属性的方法,除此之外,系统还提供了三个方法访问元素的属性: 1. setAttribute: 2. getAt ...
【JavaScript笔记 · 基础篇(五)】Array全家桶（引用数据类型中的数组 / Array对象 / Array.prototype）
文章目录一. 引用数据类型中的数组 1.1 概述 1.2 初始化 1.2.1 字面量 1.2.2 构造函数模式 1.3 访问 1.4 length属性 1.5 数组遍历 1.6 类数组对象 1.6. ...
狂神Javascript笔记
学习狂神JavaScript所记录的笔记 Javascript笔记一.前端核心分析 1.1.概述 Soc原则:关注点分离原则 Vue 的核心库只关注视图层,方便与第三方库或既有项目整合. HTML ...
JavaScript笔记（狂神说）
JavaScript笔记(狂神说) 本文章根据b站狂神说javascript视频教程整理视频链接:https://www.bilibili.com/video/BV1JJ41177di?from=s ...
尚硅谷李立超JavaScript笔记
李立超老师JavaScript笔记目录 1.JS简介 2.JS的HelloWorld 3.JS代码编写的位置 4.JS的基本语法 5.字面量与变量 6.标识符 7.数据类型 8.强制类型转换 1. ...
JavaScript笔记（一）
JavaScript笔记(一) 1 JavaScript简介 JavaScript,就是我们通常所说的JS,是一种嵌入到HTML页面中的脚本语言,由浏览器一边解释一边执行. 我们在"HTML ...

美男子的JavaScript笔记，望能助君留住秀发