极客html5,极客HTML5学习视频JavaScript基础教程1

北京的天气越来越冷的，早上冷的都不想从被窝里面起来，昨天下午高强度的健身导致身上肌肉非常的酸痛，但是，学习这件事情最怕的是有懈怠之心，所以就起床来学习并写下这篇文章------2016年11月7日早上。言归正传。

本节开始学习HTML5基础中的JavaSctipt。JavaScript基础总共有11个部分，这些课程以前也都学习接触过，但后来做了Android 开发也就没有在怎么用。下面是目录部分。JavaScript基础教程

JavaScript语法详解

JavaScript函数

JavaScript异常处理和事件处理

JavaScript DOM对象

JavaScript事件详解

JavaScript内置对象

JavaScript DOM对象控制HTML元素详解

JavaScript浏览器对象

JavaScript面向对象详解

Javascript瀑布流

本节部分主要来学习第一和第二部分。

第一部分：JavaScript基础教程

第一节、Javascript基础-介绍、实现、输出

JavaScript介绍 ：

1、JavaScript是互联网上最流行的脚本语言，这门语言可用于web和HTML，更可广泛用于服务器、pc端、移动端。

2、JavaScript脚本语言：JavaScript是一种轻量级的编程语言。

JavaScript是可插入HTML页面的编程代码。

JavaScript插入HTML页面后，可由所有的浏览器执行。

JavaScript实现 ：

1、JavaScript用法：HTML中的脚本必须位于标签之间

脚本可被放置在HTML页面的和部分中。

2、JavaScript标签：在HTML中插入JavaScript，使用之间书写代码

3、JavaScript使用限制：在HTML中，不限制脚本数量

通常会把脚本放置于标签中，以不干扰页面内容

JavaScript输出：

1、JavaScript通常用来操作HTML。

2、文档输出：document.writeln('

标签h1')

简单的测试程序来测试JavaScript操作HTML：Hello p

运行结果：

当不使用script标签的时候，应该输出Hello p，但在使用了script标签后这里替换掉了原来p标签中的内容，输出的是javaScript。

第二节、Javascript基础-语法和注释

JavaScript语法：

1、JavaScript语句：JavaScript语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。

2、分号：语句之间的分割是分号(;)

注意：分号是可选项，有时候看到不以分号隔开的。

3、JavaScript代码按照编写顺序依次执行

4、标识符：JavaScript标识符必须以字母、下划线或美元符号开始。

JavaScript关键字是不能作为标识符，这点和java也一样。

5、JavaScript对大小写敏感：

6、空格：JavaScript会忽略到多余的空格

7、代码换行：不要拆分JavaScript关键字来换行。

8、保留字：

JavaScript注释：

1、单行注释：//

2、多行注释：/**/

第三节、Javascript基础-变量和数据类型

1、Javascript变量：

var i$ = 10;

var j = 10;

var m = i$ + j;

2、Javascript数据类型：字符串(String)

数字(Number)

布尔(Boolean)

数组(Array)

对象(Object)

空(Null)

未定义

可以通过赋值为null的方式清除变量

其实上面所提到的数据类型和Java语言中的数据类型都是一样的，毕竟都是处理逻辑的语言，肯定都有类似的关键字。

第二部分：JavaScript语法详解

第一节：Javascript语法-运算符(1)

本节讲述1、2、3、

简单测试程序：i=10,j=10,i+j=?

运算结果

运行结果：

当点击结果的时候，上面的p标签就会显示i+j的结果，这里只是练习一下function函数，其他的那些运算符和java中的运算符都差不多。

第二节：Javascript语法-运算符(2)

本节讲述上节中的4、5、6、”==“和”===“的区别：

var i='10';

var j=10;

var sum = i+j;

document.write(i==j);

上述返回true，但如果使用'==='来比较，返回就是false了。其他的涉及到两等和三等的运算符都是这样的。

条件运算符：

var i = 10;

var j = -1;

var sum = i + j;

document.write(sum > i ? '大于' : '不大于');

上面所示：其实也是三目运算符，这在java中同样也有，都一样。

第三节：Javascript语法-条件语句if...else

条件语句同java中的条件语句一样，这里就不过多的表述。

第四节：Javascript语法-条件语句switch

switch语句和java中的语法也是一样的。

第五节：Javascript语法-循环语句for循环

for循环语句和java中的语法也是一样的。for循环：

for in 循环：

第六节：Javascript语法-循环语句while循环

while循环语句和java中的语法也是一样的，分while循环和do...while循环。while循环：

do.....while循环：

第七节：Javascript语法-跳转语句

跳转语句和java中的语法也是一样的，分break和continue,break是跳出当前的循环，continue继续下一次循环。break跳转:

输出结果是：0+1+2+3+4+

如果改成continue:

输出结果则是：0+1+2+3+4+6+7+8+9+

好了本节内容到此结束，接下来将学习javascript的函数、异常处理、DOM对象等，坐在屋里学习作笔记，好冷，希望快快的来暖气。

微信搜索 it_serarch(二锅头爱拉菲)可以查看更多关于Android的文章，

欢迎访问GitHub链接查看更多源代码：https://github.com/201216323

如果你有好的文章需要发表可以评论联系我，我将会为你分享出去。