2、JavaScript

1)JS是什么?
JS,即JavaScript,这是一种轻量级的编程语言,其代码可以插入HTML页面,也称之为脚本语言,是基于对象的语言,而且无需编译,直接解释执行。
2)JS怎么用?
在聊JS怎么用之前,先了解一下JS有什么用?
第一种用法是直接写入HTML输出流:
在这里插入图片描述
在这里插入图片描述
第二种用法是对事件的反应:
在这里插入图片描述

在这里插入图片描述

第三种用法是改变HTML内容:
在这里插入图片描述
在这里插入图片描述
第四种用法是验证输入:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

第五种用法是改变HTML样式:
在这里插入图片描述
在这里插入图片描述
知道了JS有什么用,接下来就是聊下HTML中如何引入JS,引入JS的方式有两种:行内式、链入式。
行内式就是在head或者body里直接添加script标签对,然后在里面写JS代码即可(script不能写成自闭标签,否则里面的JS代码可能无法正常执行);
链入式就是在head里写一个script标签对,然后在起始标签里的src属性中引入一个外部的js文件。
使用一门语言,首先肯要了解其数据类型(5种基本数据类型+3种复杂数据类型):
1)基本数据类型:
Number(数值型)
String(字符串)
Boolean(布尔类型)
Undefined
Null
注:
A、如果想要知道某个变量或者表达式的类型可以采用typeof;
B、Undefined和Null都是什么都没有的意思,但Undefined是没有初始化,而Null是初始化了只是没有赋值,所以二者是值相等但类型不相等。
2)复杂数据类型:
A、函数(小括号)
函数是什么?是一段可执行代码的合集,直接用关键字function开头然后加上方法名和小括号即可,下图是无参函数,也可以定义为有参。
在这里插入图片描述
B、数组(中括号)
数组是什么?本质上就是用中括号括起来,里面可以添加任意类型的元素,每个元素之间用逗号隔开,如下所示:
在这里插入图片描述
那数组的API有哪些?pop()、push()、for遍历数组等。
C、对象(大括号)
JS中对象是什么?本质上就是一个大括号,里面包含任意多个键值对,键值对之间用逗号隔开,这种形成组成的字符串就是对象,所以对象的本质上也是一个字符串。
和Java一样,JS的对象包含自定义对象和内置对象,自定义对象比较简单,类似Java中经常自定义Person对象,可以无参构造也可以有参构造:
在这里插入图片描述
和Java不同的是,这里可以直接量方式定义对象,比如var person = {name:”js”,age:18,addr:”bj”},如下所示:
在这里插入图片描述
注:
调用对象里的属性除了上面的中括号,还可以和Java一样直接用.属性名。
除了自定义对象外,内置对象用的也很多,比如Math是数据对象,封装了很多数学常量和数学方法,Date是日期时间对象,封装了很多和日期实现相关的方法,比如gethours()、getDate()等。
聊完JS的数据类型,接下来聊下其基本语法:
常用的主要是if-else和for循环这两种,如下所示:
在这里插入图片描述
在这里插入图片描述

聊完JS的数据类型和基本语法后,聊下其API:
主要分为BOM和DOM这两种:
BOM是浏览器对象模型,即浏览器的API,包括浏览器窗口打开、关闭、前进或后退到历史页面,这些主要存放在一个叫“window”的全局对象里,包含失去焦点、获得焦点、文档就绪(html页面解析完后执行的方法)等方法;
DOM是文档对象模型,经常用到的API有getElementById表示根据ID获取页面中的元素(节点)、innerHTML表示设置或获取元素内部的HTML内容等,如下图所示:
在这里插入图片描述
为什么JS可以控制HTML里的元素?因为浏览器中内置了JS的接口,允许JS把页面中的HTML元素转换成对象来处理,那操作对象就相当于操作页面HTML元素,即对DOM树进行增删改查,还可以控制页面中HTML属性、CSS样式和对事件做出反应。
注:DOM什么时候创建的?当网页被加载时,浏览器会创建页面的的文档对象模型,即DOM,又称之为对象的树,如下图所示:
在这里插入图片描述

最后再聊下JSON:
JSON是什么?JSON是一个使用JS语法的文本,也是一种存储和传输数据的格式,主要用于服务端向网页传递数据。
JSON怎么用?如下图所示:在这里插入图片描述怎么获取当前JSON中第二个wife的工作?
data[“wife”][1][“job”];
注:
A、js的 console.log用于调试,即把错误信息打印到控制台,可以按F12或者找到开发者工具里的console即可。
B、写完JS每行代码后,要和Java一样加上分号。
C、我们都知道Java有单行注释、多行注释和文档注释,那JS呢?除了没有文档注释,其他两个和Java一模一样,切记一定要养成写注释的好习惯。

发布了6 篇原创文章 · 获赞 1 · 访问量 122

猜你喜欢

转载自blog.csdn.net/Zb20171027/article/details/103828713
今日推荐