JavaScript
ECMAScript+BOM+DOM
青叶的全栈之路
绝望就是比你聪明还比你努力!
展开
-
12、JSON
JSON 相关概念 语法 JSON数据与Java对象的转换 一、相关概念 1.1、什么是JSON? JSON(JavaScript Object Notation):JavaScript对象表示法。是一种用于存储和交换文本信息的语法。 1.2、JSON的优势 JSON比XML更小、更快,且更容易解析。 二、语法 2.1、数据类型 数值型:123.456 字符串:“userName” 逻辑值:true、false 数组:[1,2,3,4] 对象:{“address”:{“province”原创 2020-06-25 18:56:13 · 101 阅读 · 0 评论 -
11、Ajax
JAXA 相关概念 源生JS实现AJAX jQuery实现AJAX 一、相关概念 1.1、什么是JAXA? AJAX(ASynchronous JavaScript And XML):异步的JavaScript和XML。 AJAX是一种局部更新网页中内容的技术,在传统的页面中(不适用AJAX)如果需要更新内容,必须重新加载整个页面,而AJAX正是为此而诞生的。 1.2、同步和异步 同步:客户端向服务器发送请求以后,客户端会处于一个等待状态(不能做任何操作),在服务器响应请求以后客户端才会原创 2020-06-25 18:55:09 · 1034 阅读 · 0 评论 -
10、事件流和事件委托
事件流和事件委托 事件流 事件委托 一、事件流 1.1、说明 事件流是描述的从页面接受事件的顺序,当几个都具有事件的元素层叠在一起的时候, 并不是只有当前被点击的元素会触发事件 , 而是所有元素都会触发事件。而如果我们想要只触发其中一个事件时,此时就需要取消冒泡或捕获。浏览器默认都是冒泡类型 由W3C规定的DOM2标准中,一次事件的完整过程包括三步:捕获→执行目标元素的监听函数→冒泡 1.2、捕捉 当你鼠标点击或触发一个dom事件时,浏览器会从根节点(Node)开始由外到内依次捕获注原创 2020-05-20 20:44:37 · 399 阅读 · 0 评论 -
9、事件处理
事件处理 Event对象 事件注册 form对象 表单事件 一、Event对象 1.1、说明 1)、什么时候会产生Event对象? 当用户单击某个元素的时候,我们给这个元素注册的事件就会触发。事件的本质就是一个函数,而该函数的形参列表中第一个参数(argument[0])就是event对象。 2)、Event对象干嘛用的? event 对象代表事件的状态,而通过event对象我们可以获取一些相关参数,比如是谁(event.target)触发了此事件,当事件触发时鼠标的坐标(event.clientX、原创 2020-05-20 20:43:58 · 212 阅读 · 0 评论 -
8、文档对象
文档对象 关于DOM Node对象 Document对象 Element对象 Attr对象 Text对象 Comment对象 一、关于DOM 1.1、什么是DOM? DOM(document Object Model),文档对象模型,用于处理网页内容的一些方法和接口。 1.2、节点继承关系图 1.3、DOM树中的基本节点 Document:文档对象 Element:元素节点(标签) Attr:属性节点(标签属性) Text:文本(标签种包含的文本) Comment:注释节点(标签中包含的注释原创 2020-05-20 20:43:37 · 420 阅读 · 0 评论 -
7、浏览器对象
Window对象 关于BOM Screen对象 Navigator对象 Window对象 Location对象 History对象 一、关于BOM 1.1、BOM是什么? BOM(Browser Object Model):浏览器对象模型。描述了与浏览器进行交互的一些方法和接口。 1.2、BOM的组成 Screen:显示器屏幕对象(了解) Navigator:浏览器对象(了解) Window:窗口对象(核心) Location:地址栏对象 History:历史纪录对象 1.3、Window对原创 2020-05-20 20:37:57 · 247 阅读 · 0 评论 -
6、基本对象
基本对象 Array对象 Boolean对象 Date对象 Math对象 Number对象 String对象 ReExp对象 Global对象 一、Array对象 1.1、创建 //方式一 var ar1 = new Array(1,2,3); //方式二 var ar2 = new Array(10); //方式三 var ar3 = [1,2,3,4]; 1.2、使用 var arr = [3,2,1,5,4,5]; //冒泡排序--降序 for (let i=0;i<arr.length原创 2020-05-20 20:37:26 · 214 阅读 · 0 评论 -
5、函数
一、Function对象 1.1、创建 //方式一 var fun1 = new Function("a","b","alert(a)");//形参列表,方法体 //方式二 function fun2(a,b){//形参列表 console.log(a+b); } //方式三 var fun3 = function(a,b){ console.log(a+b); } 1.2、调用 //方式一 fun1(3,4); //方式二 fun2(3,4); //方式三 fun3(3,4); 1.3原创 2020-05-20 20:36:22 · 99 阅读 · 0 评论 -
4、语句
语句 流程控制语句 一、流程控制语句 1.1、if-else语句 1.2、switch语句 在Java中switch中只能接收:byte、short、int、long、枚举(1.6)、String(1.7) 但是JS中啥都可以接收,来者不拒。 var a = 1;//下面列出来的类型都可以接收。 switch(a){ case 1: console.log(1); break; case "qwer": console.log("St原创 2020-05-20 20:35:39 · 115 阅读 · 0 评论 -
3、运算符
运算符原创 2020-05-20 20:31:07 · 130 阅读 · 0 评论 -
2、数据类型和变量
数据类型 语法结构 数据类型 变量 一、语法结构 1.1、字符集 JavaScript程序使用Unicode字符集编写的。,Unicode是ASCII和Latin-1的超集,几乎支持地球上所有在用的语言。ECMAScript 3要求JavaScript的实现必须支持Unicode 2.1及后续版本,ECMAScript 5则要求支持Unicode 3及后续版本。 HTML(不包括XHTL)中的标签可以不区分大小写,浏览器都可以正常解析。但JavaScript和Java都是严格区分大小写的,原创 2020-05-20 20:30:32 · 139 阅读 · 0 评论 -
1、JS入门
JS入门 相关概念 JS的引入方式 一、相关概念 1.1、简介 JavaScript是一门脚本语言,运行于客户端浏览器中。每个浏览器都自带有JavaScript的解析引擎,所以JavaScript不需要编译可以直接被浏览器解析执行。 1.2、组成 核心(ECMAScript):描述了JS的语法和一些基本对象。 文档对象模型 (DOM):处理网页内容的方法和接口。 浏览器对象模型(BOM):与浏览器交互的方法和接口。 1.3、历史 1992年,Nombase公司,开发出第一门客户端脚本语原创 2020-05-20 20:29:54 · 258 阅读 · 0 评论