带你学JavaScript(一)

概述

前端三剑客,html、css、js。

语言基本是前端开发必备的东西,那么你知道这三种语言分别负责的功能是什么吗?

html:负责了一个页面的结构

css:负责页面的样式

JavaScript:负责与用户进行交互

从今天开始,我将从最基本的语法开始讲解,帮你掌握这门前端语言,希望捏能够学习愉快。另外,编程软件(IDE)我们用的是dreamware,大家去网上搜索一下就找的到,你懂的。

html与css的功能不做赘述,那么,JavaScript是如何负责与用户进行的交互呢?

比如说,我们在网页上输入一个账号,账号的格式要求是必须全部是数字,结果你输入了12343a,这时候网页会给出相应的提示,就是这个意思。

1997年欧洲的计算机协议(ECMA)组织给javascript规定了相关的协议

JavaScript由三部分构成:

ECMAScirpt(规范了基本的语法)

BOM (浏览器对象模型)

DOM (文档对象模型)

接下来我们来介绍一下JavaScript特点:

安全性(javascript的代码不能直接访问硬盘的内容)

跨平台(很简单,只要有浏览器,就可以运行js)

最后来说一下javascript与java之间区别 :

javascript是属于网景公司产品(网景由于各种原因倒闭了,下周我将把这段历史写成文章,一点点讲给大家,非常有意思), java是sun公司的产品

javascript是基于对象的语言,java是面向对象的语言

基于对象:不具备面向对象的三大特征,但是有对象

javascript是解释型语言;java是解释、编译型语言

javascript是弱类型语言, java 是强类型语言

java中声明变量的时候必须要明确该变量的数据类型

javascript声明变量不需要明确是何种数据类型, 任何的变量都是使用一个关键字var去声明的

在了解了JavaScript的一些基本内容之后,我们就要进入JavaScript的编写工序了!

如何编写JavaScript的代码

首先说一下JavaScript中常用的函数

alert("显示的内容") ------弹出框

document.write("数据")-------向页面输出数据

这个时候浏览html页面的时候就会弹出窗口,并显示666。

注释

//注释的内容 单行注释 /* 注释的内容*/ 多行注释

JavaScript的变量声明

格式:var 变量名 = 数据

声明变量要注意的事项:

在javascript中声明变量是使用var关键字声明的,javascript中的变量可以存储任意的数据类型数据

javascript中变量数据类型是根据存储的值决定的,可以随时更改存储数据的类型

定义了多个同名的变量时,后定义的同名变量是覆盖前面定义的同名变量

声明变量的时候可以省略var关键字,但是不建议省略

JavaScript的数据类型

typeof: 查看变量的数据类型

javascript的数据类型:

typeof使用方法如下:

将字符串转换成数字

用到的方法有:

parseInt()----将一个字符串转换成整数。

如果接收的字符串含有非数字字符,那么parseInt方法会从字符串的首个字符开始寻找,一直找到非数字字符为止,然后就使用前面的数字字符转换成数字

输出结果如下:

parseFloat()-----将一个字符串转换成浮点型数字。

代码如下:

这里输出的结果是3,14

根据上面的这些例子,我们可以知道,并不是所有的字符串都可以转换成数字,那么,我们应该如何判断一个字符串是否能够转换成数字呢?

JavaScript提供了一个IsNaN(is not a number)的方法帮助我们判断字符串是否可以转换成一个数字。千万注意的是,这个方法和以往的方法有做不同,这个方法中,不是一个数字返回true,是一个数字返回false。(有点反人类。。)

运算符

学到这一步,其实在其他语言(c或者java)中这部分内容都要介绍烂了,我只写一些比较重要的内容。

一个数值加减true,其实是加减的0。而在java中,数字不能与布尔值相加减

如果两个整数相除不能整除的时候,数值为小数

比较运算符:字符串和字符串也能够比较、字符串能够与数字进行比较(先将字符串转换成数字再进行比较)

比较规则如下:

所以,上述代码输出的结果应该是true。

逻辑运算符:没有单与(&)单或(|),只有短路与(&&)和短路或(||)

三目运算符:布尔表达式?值1:值2

控制流程语句

if语句

特殊之处:

在javascript中的if语句条件不单止可以写布尔表达式,还可以写任何的数据。

选择语句

特殊之处:在javascript中case后面可以跟常量与变量,还可以跟表达式

代码如下:

在你学习了任意一门语言后,其他的语言也可以触类旁通,学起来很容易,但是不推荐大家学习过多的语言。

大家觉得这一节教程如何?有什么不明白的地方?欢迎在后台和我交流,也可以用邮箱和我联系,下周故事走起!

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180317G0T61900?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券