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. 【fail2ban】使用fail2ban进行攻击防范

    使用fail2ban进行攻击防范 转自:https://kyle.ai/blog/6215.html 最近总有一些无聊的人,会来扫描一下我的服务器,看有没有啥漏洞可以利用的... 可以看到类似这样的4 ...

  2. apktool给软件加注册机修改图标和文件名

    功能实现,即让你的软件具有注册机功能,或者破解别人的软件,据为己有! 先反编译文件包 然后全局工具,修改图标和名称 加注册机,输入key,下载计算器,即可.给某个用户设置自定义的使用时间!

  3. python_10_文件操作

    文件操作逻辑? 打开文件,赋值给一个对象 用对象操作文件 关闭文件 如何打开文件? 在windows中,默认格式gbk,python3.x默认unicode(utf-8),要指定编码值 语法: f = ...

  4. CSS--开篇

    1,什么是CSS? 层叠样式表(Cascading Style Sheet ),定义了如何显示HTML元素,用来控制网页的样式和布局. 引入CSS后:HTML标记专门用于定义网页的内容,而使用CSS来 ...

  5. Java的NIO

    1.   基本 概念 IO 是主存和外部设备 ( 硬盘.终端和网络等 ) 拷贝数据的过程. IO 是操作系统的底层功能实现,底层通过 I/O 指令进行完成. 所有语言运行时系统提供执行 I/O 较高级 ...

  6. MyEclipse中设置注释模板的方法

    1.选择菜单Window→Preferences. 2.选择Java→Code style→Code Templates→Commets.选中具体的分类如Methods,点击右侧的Edit可以设置对应 ...

  7. maven(项目管理工具系列 maven 总结二)

    ♣maven是什么? ♣maven下载.安装 ♣了解maven仓库 ♣eclipse配置maven ♣创建maven项目 ♣把maven项目转化为web项目 1.maven是什么? Maven是一个项 ...

  8. 【Java SE】如何安装JDK以及配置Java运行环境

    摘要:不管是作为苦逼的Java码农,还是高端大气的Java系统架构师,如果不会安装JDK以及配置Java运行环境,那就巧妇难为无米之炊,不能进行Java后续的代码编写.当然如果你是Myeclipse编 ...

  9. Hibernate （二）

    1 一级缓存的引入 示例: @Test public void testUpdate(){ Configuration configuration = new Configuration().conf ...

  10. shell参数传递

    应用实例: #!/bin/bash #运行:bash para_tran.bash text1.txt text2.txt #"set $1"设置存储传入的第一参数 #" ...