Javascript特效开发(一)

第一章    简单了解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部分进行讲解。


如有问题欢迎交流。

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容