![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript基础教程
Anthony_tester
这个作者很懒,什么都没留下…
展开
-
JavaScript学习笔记1-环境准备
好几天没有写文章了,最近在纠结一个问题:是学习Python爬虫呢还是继续选择一门新的脚本语言去学习。看到自动化测试工程师的招聘职位,很多公司提到了JavaScript。常用的脚本语言,主要有Python,Shell,Ruby,Perl,JavaScript。出于给自己增加一个脚本语言的技能,我觉得,还是有必要去学习一门新的脚本语言,所以这里就选择了JavaScript。 想好了要学习原创 2017-04-26 17:21:40 · 3940 阅读 · 0 评论 -
JavaScript学习笔记2-注释和语句
本文来介绍JavaScript中几种注释的写法和语句。第一种:单行双斜杠(//)这个在前面文章总结中提到。第二种:多行注释(/* */)语句:有的语言也叫句柄,很多语句构成了代码块,JavaScript中语句需要以分号结束。下面,我们写一个demo.html来看看注释和语句<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tra原创 2017-04-26 20:40:48 · 2138 阅读 · 0 评论 -
JavaScript学习笔记3-变量的声明和使用
本文来介绍JavaScript中变量,变量就理解成存储数据的容器,使用变量前需要申明变量。直接看例子:<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> //原创 2017-04-26 21:15:31 · 1668 阅读 · 0 评论 -
JavaScript学习笔记4-变量类型
从前一篇文章我们了解了变量的声明和在打印语句中使用,这里我们看看变量有哪些类型。<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> // 整形变量 var ag原创 2017-04-26 21:29:18 · 1322 阅读 · 0 评论 -
JavaScript学习笔记5-变量和字符串的使用
本文来介绍,变量和字符串的组合使用,这种情况,在每个语言的log输出或者前端提示消息都需要使用,直接来看看例子,这里的组合或者叫连接都使用数学符号中的加号(+):1. 变量和字符串的连接使用<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtm原创 2017-04-27 08:30:34 · 1265 阅读 · 0 评论 -
JavaScript学习笔记6-函数的定义和调用
本文记录下JavaScript中函数的定义和调用。JavaScript中采用关键字function来定义一个函数,Python是采用def开定义函数,函数体需要用一对大括号({})括起来,来看看下面的例子。<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DT原创 2017-04-27 09:10:46 · 1303 阅读 · 1 评论 -
JavaScript学习笔记7-带参的函数
前面一篇介绍了函数的定义和调用,本文继续了解函数的使用,写一个带参的函数。如果你认真学习了Python或者任何一种语言,发现JavaScript的基础知识几乎是互通的,很多是一样的,很好理解。如果没有任何语言基础,也没关系,先有一个概念的积累过程就好。<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://原创 2017-04-27 10:06:02 · 1209 阅读 · 0 评论 -
JavaScript学习笔记8-多个参数的函数使用
本文继续学习,多个参数的函数的基本使用,看看下面的demo,然后运行一下,看看浏览器打开效果。<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> function fun1(x, y){原创 2017-04-27 11:23:50 · 1253 阅读 · 0 评论 -
JavaScript学习笔记9-返回语句
本文来介绍下返回语句,我们知道一个函数是有些是有返回值和无返回值的。前面的函数都没有返回值,这里介绍一个返回值的函数。和其他语言一样也是return 关键字来写返回语句,这里我们用一个加法的函数来举例。<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/原创 2017-04-27 11:38:17 · 1179 阅读 · 1 评论 -
JavaScript学习笔记10-函数中调用其他函数
本文记录下,在JavaScript中函数中如何调用其他函数的基本写法和用法,直接看一下demo.html<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> function doFirst原创 2017-04-27 12:30:04 · 1150 阅读 · 0 评论 -
JavaScript学习笔记11-全局变量和局部变量
本文来介绍全局变量和局部变量,直接来看看实例。1. 先看看全局变量<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> // 定义一个全局变量 var name = " Antho原创 2017-04-27 15:16:26 · 1018 阅读 · 0 评论 -
JavaScript学习笔记12-数学运算
本文来介绍JavaScript中的数学运算的使用,其中包括,加减乘除,取模,自增,自减,基本上和其他语言没有区别,请看下面demo.html示例。<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">原创 2017-04-27 16:59:08 · 955 阅读 · 0 评论 -
JavaScript学习笔记13-赋值操作
本文介绍JavaScript中的赋值操作,通过前面的举例,我们知道赋值操作是用等号(=)表示。除了这一种常规的表示外,还有一种简写,例如 x += 5; 这个相当于 x = x +5;<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-原创 2017-04-27 17:20:08 · 915 阅读 · 0 评论 -
JavaScript学习笔记14-if语句
本文开始学习if语句,和大部分语言一样,JavaScript 中if语句,基本格式如下:if(条件为真){ 代码块;}<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">原创 2017-04-27 17:35:35 · 983 阅读 · 0 评论 -
JavaScript学习笔记15-if-else语句
前面介绍了if语句的,接下来学习else,和其他语言一样,if和else一般一块使用。就像生活中我们做决定,如果什么,那么做什么,否则,做什么。就这么简单,来看看示例。<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition原创 2017-04-28 10:51:58 · 948 阅读 · 0 评论 -
JavaScript学习笔记16-if嵌套
前面介绍了if-else语句,本文来学习JavaScript中if嵌套。生活中,我们有时候需要根据两个或者两个以上的条件去判断一个事情。例如,假如事件A,在事件A的基础上又假如事件B,那么这个结果是一种情况,否则结果是别的情况。我们通过一个实例来解决这个问题。<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""htt原创 2017-04-28 13:17:40 · 1413 阅读 · 0 评论 -
JavaScript学习笔记17-与或非处理复杂的条件
接着前面一篇文章的内容,这里我们来学习下用逻辑与和逻辑或来处理前面的场景。<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> var firstName = "Anthony"; v原创 2017-04-28 13:34:24 · 905 阅读 · 1 评论 -
JavaScript学习笔记18-switch语句
本文来介绍JavaScript里的switch语句,switch语句一般和case,break一起使用,我们通过成绩等级划分来举例。<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> v原创 2017-04-28 15:12:32 · 900 阅读 · 0 评论 -
JavaScript学习笔记19-for循环
前面文章介绍的是if语句,if语句是一种条件控制语句。本文来学习下循环语句,先看看for循环。<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> for (i=0;i<10;i++){原创 2017-04-28 15:34:10 · 1110 阅读 · 0 评论 -
JavaScript学习笔记20-while循环
前面一篇介绍了for循环语句,接下来这篇介绍while循环语句,还记得上篇结尾要求计算从1相加到100的值没,这里我们用while循环来计算演示。<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">原创 2017-04-28 15:59:56 · 908 阅读 · 0 评论 -
JavaScript学习笔记21-do-while循环
前面一篇介绍了while循环,本文介绍do-while循环,还是以求1到100相加的问题举例。<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> var sum = 0; var i =原创 2017-04-28 16:13:20 · 1043 阅读 · 0 评论 -
JavaScript学习笔记22-事件处理
前面21篇文章上介绍了JavaScript的基本语法,感觉很枯燥,是不是。其实,如果你有一门语言基础的话,这些基本语法一天就能学习完并掌握,各种编程语言基本上是相同的。接下来,我们开始介绍用JavaScript处理一些web前端的事件,希望这个会让你感兴趣。本文介绍事件处理,例如点击一个按钮,然后给出一个响应。这样的场景,我们经常看到。例如,你在某些小说网站,点击下一章,有时候因为点错了广告,会弹原创 2017-04-28 16:27:49 · 1018 阅读 · 1 评论 -
JavaScript学习笔记23-鼠标悬停和页面加载
本文介绍鼠标悬停和页面加载事件举例。鼠标悬停,弹出alert框。<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Mouch over here 鼠标离开标签区域,弹出al原创 2017-04-28 16:59:25 · 1261 阅读 · 1 评论 -
JavaScript学习笔记24-对象的概念
文本介绍JavaScript中的对象概念,直接来看看代码举例。<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> var stringA = "This is a test message原创 2017-04-28 17:21:04 · 1005 阅读 · 0 评论 -
JavaScript学习笔记25-新建一个我们自己的对象
前面一篇了解了什么是对象,这里我们就来练习一下,如何创建一个自己的对象,如何调用对象的属性。我们创建一个person的对象。这个对象有两个属性,分别是名称和年龄,请看如下demo.html<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml原创 2017-04-29 14:31:44 · 994 阅读 · 1 评论 -
JavaScript学习笔记26-对象的初始化
本文继续介绍对象相关使用,这篇介绍对象的初始化,其实上一篇文章已经有一行代码表示对象的实例化,和今天的有的类似。今天的对象初始化更像是Python中的字典。<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.d原创 2017-04-29 14:46:20 · 1206 阅读 · 0 评论 -
JavaScript学习笔记27-给对象添加一个方法
这一篇介绍如何使用对象中的方法,前面介绍了对象和对象的属性,这里在前面的基础上,给对象创建一个方法,请看例子。<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> // 定义一个原创 2017-04-29 15:08:59 · 1057 阅读 · 1 评论 -
JavaScript学习笔记28-数组
本文来介绍JavaScript中的数组,主要是数组的创建数组的读取数据。<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> var people = new A原创 2017-04-29 15:43:20 · 987 阅读 · 1 评论 -
JavaScript学习笔记29-其他的创建数组的方法
上篇文章,我们介绍了数组的创建和数组通过索引来读取数据,这里继续介绍数组的其他方法,大概是,先定义数组的大小,然后一一写出每个数组元素的值。<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">原创 2017-04-29 15:51:53 · 872 阅读 · 0 评论 -
JavaScript学习笔记30-数组属性和方法
本文介绍数组的length属性和数组几个常用方法。<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> var ar1 = new Array("张三","李四"原创 2017-04-29 16:23:53 · 868 阅读 · 0 评论 -
JavaScript学习笔记31-利用循环语句给数组添加元素
本文来介绍如何使用循环语句给数组添加元素。有时候,我们需要用户的输入,拿到这个输入的字符,保存到数组里去,这个需要for语句和prompt()方法。<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">原创 2017-04-30 11:16:06 · 5055 阅读 · 0 评论 -
JavaScript学习笔记32-利用循环遍历数组元素
前面一篇文章介绍了利用for语句循环把元素添加到数组,这里介绍利用循环遍历打印数组元素。这种遍历打印数组元素,好像很多公司会问这样的面试题,虽然你不是做开发,人家招聘测试工程师,有时候就这样一个简单入门的问题,就能知道你是否能懂点代码。这个都回答不了,说明,你根本不会一点代码。看下面例子,先对数组排序,然后遍历打印输出。<! DOCTYPE html PUBLIC "-//W3C//DTD X原创 2017-04-30 11:27:01 · 910 阅读 · 0 评论 -
JavaScript学习笔记33-关联数组
什么是关联数组?在计算机科学中,关联数组(英语:Associative Array),又称映射(Map)、字典(Dictionary)是一个抽象的数据结构,它包含着类似于(键,值)的有序对。这里介绍如何根据键去寻找值。<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR原创 2017-04-30 11:41:53 · 865 阅读 · 0 评论 -
JavaScript学习笔记34-Math对象
在JavaScript中有很多封装好的对象,我们可以直接用,不需要去写具体实现代码。本文介绍Math对象,下面例子介绍了Math对象中的PI和求平方根。<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd原创 2017-04-30 11:57:10 · 837 阅读 · 0 评论 -
JavaScript学习笔记35-Date对象
前面简单介绍了Math对象,本文介绍Date对象,Date主要是获取日期和时间的一个接口。我们先来看看打印一个当前时间,一秒打印一次当前时间。<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">原创 2017-04-30 12:15:29 · 883 阅读 · 0 评论 -
JavaScript学习笔记36-操作form
本文介绍JavaScript进入HTML中的form元素,例如一个登陆框。<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Username: Password原创 2017-04-30 14:08:16 · 854 阅读 · 0 评论 -
JavaScript学习笔记37-操作form里的元素
前面文章介绍了如何操作form,是根据索引来找form的,索引从0开始。本文介绍如何找元素,也是根据索引开始。大致的步骤是,先找到该form控件,然后根据索引去找该form下的元素。<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-t原创 2017-04-30 14:23:56 · 1009 阅读 · 0 评论 -
JavaScript学习笔记38-简单的表单验证
本文来学习下简单的form验证,就是点击了form里面某一个元素,然后判断一下,是否点击。<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> function valida原创 2017-04-30 14:48:48 · 992 阅读 · 0 评论 -
JavaScript学习笔记39-用JavaScript写Selenium脚本
前面38篇文章介绍了JavaScript的基础知识和简单应用练习。学了这个脚本语言的基础知识之后,我们的目的是什么?当然是应用。这篇,我们就来介绍如何写你的第一条JavaScript+Selenium的自动化测试脚本。在写脚本之前,我们需要安装一些必要的环境。1. 安装运行JavaScript的环境,Nodejs 之前会不会有这样写法。我写完了一个javascript的脚本,我原创 2017-04-30 15:56:06 · 8771 阅读 · 1 评论