
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 · 124 阅读 · 0 评论 -
11、Ajax
JAXA相关概念源生JS实现AJAXjQuery实现AJAX一、相关概念1.1、什么是JAXA? AJAX(ASynchronous JavaScript And XML):异步的JavaScript和XML。 AJAX是一种局部更新网页中内容的技术,在传统的页面中(不适用AJAX)如果需要更新内容,必须重新加载整个页面,而AJAX正是为此而诞生的。1.2、同步和异步同步:客户端向服务器发送请求以后,客户端会处于一个等待状态(不能做任何操作),在服务器响应请求以后客户端才会原创 2020-06-25 18:55:09 · 1077 阅读 · 0 评论 -
10、事件流和事件委托
事件流和事件委托事件流事件委托一、事件流1.1、说明 事件流是描述的从页面接受事件的顺序,当几个都具有事件的元素层叠在一起的时候, 并不是只有当前被点击的元素会触发事件 , 而是所有元素都会触发事件。而如果我们想要只触发其中一个事件时,此时就需要取消冒泡或捕获。浏览器默认都是冒泡类型 由W3C规定的DOM2标准中,一次事件的完整过程包括三步:捕获→执行目标元素的监听函数→冒泡1.2、捕捉 当你鼠标点击或触发一个dom事件时,浏览器会从根节点(Node)开始由外到内依次捕获注原创 2020-05-20 20:44:37 · 428 阅读 · 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 · 240 阅读 · 0 评论 -
8、文档对象
文档对象关于DOMNode对象Document对象Element对象Attr对象Text对象Comment对象一、关于DOM1.1、什么是DOM? DOM(document Object Model),文档对象模型,用于处理网页内容的一些方法和接口。1.2、节点继承关系图1.3、DOM树中的基本节点Document:文档对象Element:元素节点(标签)Attr:属性节点(标签属性)Text:文本(标签种包含的文本)Comment:注释节点(标签中包含的注释原创 2020-05-20 20:43:37 · 452 阅读 · 0 评论 -
7、浏览器对象
Window对象关于BOMScreen对象Navigator对象Window对象Location对象History对象一、关于BOM1.1、BOM是什么? BOM(Browser Object Model):浏览器对象模型。描述了与浏览器进行交互的一些方法和接口。1.2、BOM的组成Screen:显示器屏幕对象(了解)Navigator:浏览器对象(了解)Window:窗口对象(核心)Location:地址栏对象History:历史纪录对象1.3、Window对原创 2020-05-20 20:37:57 · 288 阅读 · 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 · 244 阅读 · 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 · 120 阅读 · 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 · 140 阅读 · 0 评论 -
3、运算符
运算符原创 2020-05-20 20:31:07 · 157 阅读 · 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 · 167 阅读 · 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 · 289 阅读 · 0 评论