Javascript特效开发(一)

作者: 被时光移动的城 | 来源:发表于2017-05-15 23:39 被阅读100次

第一章    简单了解Javascript

1.1、JavaScript能用来干什么?

(1)数据的验证

(2)将动态的内容写入到网页当中(ajax)

(3)可以对事件做出响应

(4)可以读写html中的内容

(5)可以检测浏览器

(6)模拟动画

  ......

1.2、Javascript语法特点

(1)、javascript面向对象开发

(2)、事件驱动

(3)、松散型 弱类型

(4)、解释型语言。有宿主环境(浏览器)解释执行

1.3、Javascript的组成部分

(1)、ECMAscript(语法)

  数据类型、运算符、流程控制、函数、面向对象等

(2)、BOM(浏览器对象模型)browser Object Model

(3)、DOM(文档对象模型)docment Object Model

第二章    Javascript特效开发第一阶段

2.1、js页面引入

嵌入式和引入式最为常用。

重定向:

效果:

重定向后点a标签或提交按钮,都会执行alert()方法;

放置特点:

注意:如果script是用来引入js文件的,那么这个script标签中间就不能写任何js代码。

2.2、js输出工具

2.3、变量声明

2.4、javascript命名规范

分号表示一段功能体的结束,如果有换行可以不用分号。为了防止出错和书写规范,凡是能加分号的地方都加上。

2.5、Javascript中的数据类型

2.6、javascript运算符

js一般不用来做精准运算。

算数运算符:

关系运算符:

赋值运算符:

逻辑运算符

2.7、Javascript流程控制

1、选择结构:

if一般用于范围判断,switch一般用于精准值判断。

通过prompt返回的结果都是字符串类型的数据;

2、循环语句

while循环与for循环区别:

do...while先运行后判断;while循环先判断后执行。

continue 跳出本次循环,直接进入下次循环;

break 结束整个循环;

2.8、javascript函数

1、函数

2、关键字

函数的自调用:

3、带参数的函数

如果实参个数多余形参个数,那么多余的参数会被忽略,不会报错。

如果实参个数少于形参个数,那么没有对应值得形参默认值就是undefined。

4、函数的返回值

5、变量的作用域

6、内置顶层函数

(1)Number(参数)

如果是null,返回0;

(2)parseInt(参数)

可进行进制转换;

(3)parseFloat(参数)

(4)isNaN(参数) 

如果传进数据不能转成数字,返回true;如果能转成数字,返回false。

(5)eval(参数)

结果:


本篇文章讲的内容主要是Javascript入门基础知识点,后续内容详见《Javascript特效开发(二)》。

链接:www.jianshu.com/p/3e23c126117a

注:《Javascript特效开发(一)》与《Javascript特效开发(二)》主要是讲的Javacript的ECMAscript语法部分,属于最基础的语法部分,后续

《Javascript特效开发(三)》会对Javascript的DOM和BOM部分进行讲解。

如有问题欢迎交流。

如转载请注明出处,谢谢!

相关文章

网友评论

    本文标题:Javascript特效开发(一)

    本文链接:https://www.haomeiwen.com/subject/jheztxtx.html