web2 - JavaScript
JavaScript 知识要点
1.JavaScript 和 Java 的关系？
3.如何在 html 中使用 JavaScript？
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script>
var string = "hello javaScript";
console.log(string);
</script>
</head>
<body>
</body>
</html>
一、JavaScript 在 html 中的运行与调试
1.终端信息输出 console.log
console.log("我是终端输出");
2.内容及标签输出 document.write
var a = "<h1>我是一级标题<h1>";
document.write(a);
2.三种弹窗方式：alert、confirm、prompt
//第一种
alert("我是第一个 JavaScript 弹窗！");
alert("我是第二个 JavaScript 弹窗！");
//第二种
var info = confirm("您确定要提交订单吗？");
if (info == true) {
document.write("您提交了订单！");
} else {
document.write("您取消了订单！");
}
//第三种
prompt("我是message", "我是value");
二、JavaScript 中的运算符
- JavaScript 算术运算符：
+ 、- 、* 、/ 、% - JavaScript 赋值运算符：
= - JavaScript 比较运算符：
== 、!= 、> 、< 、>= 、<= - JavaScript 逻辑运算符：
&& 、||、 ！ - JavaScript 自增自减运算符
++ - JavaScript 中的复合运算符
--
三、JavaScript 流程语句
- if(){}
条件为真，执行 if 语句块里面的内容 - if(){} else(){}
条件为真，执行if语句块的内容，条件为假，执行 else 里面的内容 - if(){} else if(){} else{}
多条件语句 - for(){}
和 java for 循环类似 - while(){}
条件满足，执行while里面的内容 - do{}while();
无论条件是否满足，先执行依次do里面的内容 - switch(){}
选择执行case语句 - continue;
继续执行下一次循环 - break;
跳出循环 - 三目运算符
布尔语句?true:false
四、JavaScript 中的数据类型及常见操作
1.var 类型
var int = 123;
var float = 123.0;
var string = "string";
var boolean = true;
2.function（函数）
//1.如何定义一个 JavaScript 函数（方法）
function 方法名(参数)
{
这里是要执行的代码
}
//2 如何调用一个 JavaScript 函数?
//3 如何定义带参数的 JavaScript 函数?
//4 如何使 JavaScript 函数带返回值？
3.number（数值型）1,2,3,4,5
//1 Math常用方法 pow()，round(),random()，max()，min()
//2 科学计数 e 的使用
//3 不是数字的数字--NaN
//4 “NaN”基本不和任何类型的数据相等，要判断一个数据的值是否是“NaN”，JavaScript提供了一个方法：isNaN(param)
//5 不同的数据类型进行加减乘除, + 号起拼接字符串作用，其他符号起算术运算作用
//6 数值型的进制 二进制：0b/0B、八进制：0o/0O、十六进制：0x/0X
//7 整数转换 parseInt()
//8 浮点数转换 parseFloat()
//9 转换为数值 Number()
4.string（字符串）在JavaScript中，所谓的字符串就是包含在英文"双引号"或'单引号'中的内容
//1 从表单元素中获取到的值的数据 document.getElementsByTagName
//2 通过 innerHTML 属性和 textContent 属性获取到的文本内容
//3 数组和字符串是可以互相转换的，这就需要用到两个方法：“split()”和“join()”
//4 String() 构造字符串
//5 toString() 将一个数值转换为对应参数的进制数
//6 使用 concat() 方法拼接数值型
//7 使用 + 方法拼接数值型
//9 使用 slice()方法，从原字符串取出子字符串并返回，不改变原字符串。第一个参数表示开始位置，第二个参数表示结束位置（可为正、负数）
//10 substring()方法，也是获取子串，但不推荐使用
//11 substr()方法，第一个参数表示起始位置，第二个参数表示截取的长度
//12 indexOf()方法和lastIndexOf()方法查询字符或字符串的位置
//13 trim()方法，用于去除字符串两端的空格（同时包含换行符“\n”，制表符"\t、\v"和回车符“\r”），返回一个新字符串，不改变原字符串。
//14 match()方法，用于确定原字符串是否匹配某个子字符串，返回一个数组，数组元素为匹配的第一个字符串。如果没有找到匹配，则返回null。match()方法还可以使用正则表达式作为参数。
//15 search()方法，用法等同于match()方法，但是返回值为匹配的第一个位置。如果没有找到匹配，则返回-1。search()方法同样可以使用正则表达式作为参数。
//16 replace()方法，用于替换匹配的子字符串，一般情况下只替换第一个匹配（除非使用带有g修饰符的正则表达式），假如没有找到，则不会进行任何替换操作。replace()方法同样可以使用正则表达式作为参数。
//17 toLowerCase()和toUpperCase()方法，toLowerCase()方法用于将一个字符串全部转为小写，toUpperCase()则是全部转为大写。它们都返回一个新字符串，不改变原字符串。
//18 Base64转码，btoa() 将字符串或二进制值转为Base64编码，atob() 将Base64编码转为原来的编码
5.boolean（布尔型）true / false
// 布尔型主要用于判断语句
// 布尔表达式？
6.JavaScript 中的数组 [1,2,3,4,5] 或者 [1,,'A',"hello","你好"，true]
//1 JavaScript 中的数组的定义使用 []
//2 支持下标取值, Object.keys获取数组所有的下标。
//3 可以使用 length 获取数组长度
//4 数组的空位，使用运算符in，适用于对象，也适用于数组。该运算符用于检测数组元素的某个位置是否存在元素，返回的是一个布尔值
//5 使用 Array.isArray()方法，判断是否为一个数组对象
//6 valueOf()方法用于返回对象本身的值，这是各种数据类型对象的通用方法
//7 toString()方法可以将值转化成一个字符串，这和String()方法的作用是一样的，同样为一个通用的方法
//8 push()方法用于在数组的末端添加一个或多个元素，并返回添加新元素后的数组长度，该方法会改变原数组
//9 concat()方法，只能拼接两个数组，并且参数里必须包含本身。
//9 pop()该方法的使用方式和push()基本一样，但它的作用是删除数组的最后一个元素，并返回该数组元素。也就是说该方法一次只能删除一个，不能删除多个。任何参数对于它来讲都是无效的。
//10 shift()方法，该方法的使用和pop()方法类似，它的作用是删除数组中的第一个元素，并返回该数组元素。仍然一次只能删除一个，参数对它无效。该方法同样会改变原数组。
//11 unshift()方法，该方法的使用和push()方法类似，它的作用是在数组的开始位置插入或添加（已有数组称插入，空数组称添加，）一个新的元素，并返回该数组长度。该方法同样会改变原数组。
//12 slice()方法，该方法用于提取原数组的一部分，返回一个新数组，原数组不变。它的第一个参数为起始位置（从下标0开始），第二个参数为终止位置（不包括该位置）。
//13 splice()方法，该方法用于删除原数组的一部分成员，并可以在被删除的位置添加入新的数组成员，返回值是被删除的元素。注意，该方法会改变原数组。该方法中的第一个参数是删除的起始位置，第二个参数是被删除的元素个数。
//14 sort()方法，排序
//15 reverse()方法，该方法的作用是将已有数组倒序排列
//16 map()，该方法对数组的所有成员依次调用一个函数，根据函数结果返回一个新数组。该方法不会改变原来的数组。方法内的函数，最多可以接受3个参数。第1个，就是上面例子中出现的参数，它表示数组内每个元素的本身；第2个，表示数组内元素的下标位置；第3个，表示数组本身
//17 forEach()方法，它接受三个参数，分别是当前位置的值、当前位置的下标和整个数组
//18 filter()方法，从方法名来看该方法的主要作用是过滤，它的参数是一个函数，所有数组成员依次执行该函数，返回结果为true的成员组成一个新数组返回。该方法不会改变原数组
//19 some()方法，它的函数接受三个参数，依次是数组元素、元素下标和原数组。只要有一个数组成员的返回值是true，则整个some()方法的返回值就是true，否则返回false。这理解起来和逻辑运算符或“||”比较相似
//20 every()方法，它的函数接受三个参数，依次是数组元素、元素下标和原数组，是只要有一个数组成员的返回值是false，和every()方法的返回值就是false，否则返回true。这理解起来和逻辑运算符与“&&”比较相似
//21 reduce()和reduceRight()方法，这两个方法依次处理数组的每个成员，最终累计为一个值。它们支持最多四个参数，前两个参数是必需配置的，后面的参数可以选配
//22 indexOf()和lastIndexOf()方法，第一个参数表示要检索的元素。这两个方法还能配置第二个参数，表示开始检索的位置
7.JavaScript 中的对象 var obj = {key:value}
web2 - JavaScript的更多相关文章
- javascirpt历史澄清误解基本概念特点编程语言web2.0网页javascript - javascirpt知识大全
目录1历史 2澄清误解 3基本概念 4特点 5与Java的不同 6开发工具 历史 大概在1992年,一家称作Nombas的公司开始开发一种叫做C减减(C-minus-minus,简称Cmm)的嵌入式脚 ...
- javascript性能优化：创建javascript无阻塞脚本
javaScript 在浏览器中的运行性能,在web2.0时代显得尤为重要,成千上万行javaScript代码无疑会成为性能杀手, 在较低版本的浏览器执行JavaScript代码的时候,由于浏览器只使 ...
- 【历史】JavaScript和Java没啥关系！————JavaScript简史
文章的开始先上张图: 图片拍摄自北京图书大厦,代表着现在国内应该是绝大部分书店的现状--Javascript书籍放在Java类当中.甚至很多业内人也一直认为Javascript是Java语言在浏览器内 ...
- 流行的JavaScript库 ——jQuery
1.为了简化 JavaScript 的开发, 一些 JavsScript 库诞生了. JavaScript 库封装了很多预定义的对象和实用函数.能帮助使用者建立有高难度交互的 Web2.0 特性的富客 ...
- 多个精美的导航样式web2.0源码
效果体验:http://keleyi.com/keleyi/phtml/divcss/6.htm 兼容多浏览器,例如IE,Chrome,火狐 等. 完整代码,保存到htm文件打开也可以查看效果: &l ...
- JavaScript 的性能优化：加载和执行
随着 Web2.0 技术的不断推广,越来越多的应用使用 javascript 技术在客户端进行处理,从而使 JavaScript 在浏览器中的性能成为开发者所面临的最重要的可用性问题.而这个问题又因 ...
- JavaScript——exec和match
题目17:Read the following javascript code: var someText="web2.0 .net2.0";var pattern=/(\w+)( ...
- javaScript DOM JQuery AJAX
http://www.cnblogs.com/wupeiqi/articles/5369773.html 一 JavaScript JavaScript是一门编程语言,浏览器内置了JavaScript ...
- 浅析Javascript
Javascript是一种脚本语言,从出生就被唾弃,一开始人们使用它只是为了解决诸如页面数据校验之类的问题.它基于prototype的面向对象实现一度被认为很丑很难用,甚至很多身处一线Web开发者都不 ...
随机推荐
- 【WebApi系列】详解WebApi如何传递参数
WebApi系列文章 [01]浅谈HTTP在WebApi开发中的运用 [02]聊聊WebApi体系结构 [03]详解WebApi参数的传递 [04]详解WebApi测试和PostMan [05]浅谈W ...
- linux 保留内核中sas驱动的加载导致crash问题
[root@localhost ~]# uname -a Linux localhost.localdomain -.el7.x86_64 问题描述,在crash的时候,小内核因为分配中断号失败而触发 ...
- localhost或本机ip无法连接数据库问题解决与原因
解决办法:将localhost替换为127.0.0.1 原因@参考文章:navicat在电脑没有联网的情况下,并不会把localhost解析成127.0.0.1,而mysql默认情况下只支持127.0 ...
- 使用SoapUI调用Vsphere Web Service
项目中经常需要调用Webservice进行验证测试,下面就介绍下如何使用测试工具SoapUI调用Vsphere vcenter的 Web Service VSphere的Webservice地址默认为 ...
- sed 变量替换和Linux的特殊符号大全
1 sed支持两种方式的变量替换,建议使用下面的第二种,比较简单 这样就可以给变量a赋值很多特殊字符了,比如 赋值a='!@#￥%……' sed -n 's/echo/'"$a"' ...
- 无法远程连接SQLSERVER2000的解决方法
有时候客户端和服务器不在同一个局域网里面,这时候很可能无法直接使用服务器名称来标识该服务器,这时候我们可以使用HOSTS文件来进行名字解析,具体的方法是: 1.使用记事本打开HOSTS文件(一般情况下 ...
- CGroup Namspace
CGroup 介绍 CGroup 是 Control Groups 的缩写,是 Linux 内核提供的一种可以限制.记录.隔离 进程组 (process groups) 所使用的物力资源 (如 cpu ...
- C++——带默认参数值的函数
函数在声明时可以预先给出默认的形参值,调用时如给出实参,则采用实参值,否则采用预先给出的默认参数值. ,) { return x + y;} int main() { add(,);//10+20 a ...
- c# 类属性和方法
属性 public 类字段 就相当于c#里面暴露给外面的属性 类似nodejs的 module.exports 但是属性又不同于普通的字段,属性只是外部包装字段 没有自己的任何含量 类似退换后的方法. ...
- 缓存之ehcache
1.EhCache缓存框架简介 EhCache 是一个纯Java的进程内缓存框架,具有快速.精干等特点,是Hibernate中默认的CacheProvider. 我们使用EhCache缓存框架主要是为 ...