JavaScript 知识要点

参考教材一

参考教材二

参考教材三

1.JavaScript 和 Java 的关系？

2.JavaScript 在编程中可以做什么？

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 中的运算符

  1. JavaScript 算术运算符：+ 、- 、* 、/ 、%
  2. JavaScript 赋值运算符：=
  3. JavaScript 比较运算符：== 、!= 、> 、< 、>= 、<=
  4. JavaScript 逻辑运算符：&& 、||、 ！
  5. JavaScript 自增自减运算符 ++
  6. JavaScript 中的复合运算符 --

三、JavaScript 流程语句

  1. if(){} 条件为真，执行 if 语句块里面的内容
  2. if(){} else(){} 条件为真，执行if语句块的内容，条件为假，执行 else 里面的内容
  3. if(){} else if(){} else{} 多条件语句
  4. for(){} 和 java for 循环类似
  5. while(){} 条件满足，执行while里面的内容
  6. do{}while(); 无论条件是否满足，先执行依次do里面的内容
  7. switch(){} 选择执行case语句
  8. continue; 继续执行下一次循环
  9. break; 跳出循环
  10. 三目运算符 布尔语句?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编码转为原来的编码

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的更多相关文章

  1. javascirpt历史澄清误解基本概念特点编程语言web2.0网页javascript - javascirpt知识大全

    目录1历史 2澄清误解 3基本概念 4特点 5与Java的不同 6开发工具 历史 大概在1992年,一家称作Nombas的公司开始开发一种叫做C减减(C-minus-minus,简称Cmm)的嵌入式脚 ...

  2. javascript性能优化：创建javascript无阻塞脚本

    javaScript 在浏览器中的运行性能,在web2.0时代显得尤为重要,成千上万行javaScript代码无疑会成为性能杀手, 在较低版本的浏览器执行JavaScript代码的时候,由于浏览器只使 ...

  3. 【历史】JavaScript和Java没啥关系！————JavaScript简史

    文章的开始先上张图: 图片拍摄自北京图书大厦,代表着现在国内应该是绝大部分书店的现状--Javascript书籍放在Java类当中.甚至很多业内人也一直认为Javascript是Java语言在浏览器内 ...

  4. 流行的JavaScript库 ——jQuery

    1.为了简化 JavaScript 的开发, 一些 JavsScript 库诞生了. JavaScript 库封装了很多预定义的对象和实用函数.能帮助使用者建立有高难度交互的 Web2.0 特性的富客 ...

  5. 多个精美的导航样式web2.0源码

    效果体验:http://keleyi.com/keleyi/phtml/divcss/6.htm 兼容多浏览器,例如IE,Chrome,火狐 等. 完整代码,保存到htm文件打开也可以查看效果: &l ...

  6. JavaScript 的性能优化：加载和执行

    随着 Web2.0 技术的不断推广,越来越多的应用使用 javascript 技术在客户端进行处理,从而使 JavaScript 在浏览器中的性能成为开发者所面临的最重要的可用性问题.而这个问题又因 ...

  7. JavaScript——exec和match

    题目17:Read the following javascript code: var someText="web2.0 .net2.0";var pattern=/(\w+)( ...

  8. javaScript DOM JQuery AJAX

    http://www.cnblogs.com/wupeiqi/articles/5369773.html 一 JavaScript JavaScript是一门编程语言,浏览器内置了JavaScript ...

  9. 浅析Javascript

    Javascript是一种脚本语言,从出生就被唾弃,一开始人们使用它只是为了解决诸如页面数据校验之类的问题.它基于prototype的面向对象实现一度被认为很丑很难用,甚至很多身处一线Web开发者都不 ...

随机推荐

  1. ASP.NET MVC5 中百度ueditor富文本编辑器的使用

    随着网站信息发布内容越来越多,越来越重视美观,富文本编辑就是不可缺少的了,众多编辑器比较后我选了百度的ueditor富文本编辑器. 百度ueditor富文本编辑器分为两种一种是完全版的ueditor, ...

  2. C语言知识点总结

    本文采用思维导图的方式撰写,更好的表述了各知识点之间的关系,方便大家理解和记忆.这个总结尚未包含C语言数据结构与算法部分,后续会陆续更新出来,文中有漏掉的知识点,还请大家多多指正.

  3. 2017-07-07（zip unzip gzip gunzip）

    zip压缩格式 zip zip 压缩文件名   源文件    (压缩文件) zip -r    压缩文件名   源文件   (压缩目录) unzip unzip 压缩名 .gz压缩格式 gzip gz ...

  4. [转]sysctl -P 报错解决办法

    问题症状 修改 linux 内核文件 #vi /etc/sysctl.conf后执行sysctl  -P 报错 error: "net.bridge.bridge-nf-call-ip6ta ...

  5. myeclipse取消js校验

    最近玩一个新的项目,项目里面集成了别的项目,在从SVN上第一次荡下来的时候编译的时候老是校验jq文件,老是被卡主,设置myeclipse环境的时候我已经取消了所有的js校验了,但是还是不行.恼火之余, ...

  6. struts 中的addFieldError

    addFieldError("字段名","错误信息")给一个字段(属性)添加错误消息 在action中添加 this.addFieldError("p ...

  7. Android Studio 下获取debug sha1和md5

    Open Android Studio Open Your Project Click on Gradle (From Right Side Panel, you will see Gradle Ba ...

  8. redis数据类型-有序集合

    有序集合类型 在集合类型的基础上有序集合类型为集合中的每个元素都关联了一个分数,这使得我们不仅可以完成插入.删除和判断元素是否存在等集合类型支持的操作,还能够获得分数最高(或最低)的前N个元素.获得指 ...

  9. sizeof和strlen的使用

    sizeof和strlen的使用 1. sizeof 其值在编译时就计算好了,所以不能用来返回动态分配的内存空姐的大小. 当参数为下面内容是,所表达的含义: 数组——编译时分配的数组空间大小: 指针— ...

  10. hexo 博客支持PWA和压缩博文

    目标网站 https://blog.rmiao.top/ PWA yarn add hexo-offline 然后在root config.yml里新增 # offline config passed ...