01 2023 档案
摘要: innerHtml 操作双标签中间的HTML innerText 操作双标签中间的 Text value 操作表单标签值 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> div{ borde
阅读全文
摘要: location对象 location对象,是window对象的一个属性,代表浏览器上URL地址栏,使用location对象可以操作地址栏 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script>
阅读全文
摘要: window对象及常用方法 什么是window对象 Window 对象描述 Window 对象简单理解就是把浏览器抽象成一个对象,它表示一个浏览器窗口或一个框架。在客户端 JavaScript中,Window 对象是全局对象,所有的表达式都在当前的环境中计算。也就是说,要引用当前窗口根本不需要特
阅读全文
摘要:认识BOM和DOM 什么是BOM BOM是Browser Object Model的简写,即浏览器对象模型。 BOM有一系列对象组成,是访问、控制、修改浏览器的属性的方法 BOM没有统一的标准(每种客户端都可以自定标准)。 BOM的顶层是window对象 什么是DOM DOM是Document Ob
阅读全文
摘要: 1数值型: number整数和浮点数统称为数值。例如85或3.1415926等。 2字符串型: String由0个,1个或多个字符组成的序列。在JavaScript中,用双引号或单引号括起来表示,如"您好"、'学习JavaScript' 等。 3逻辑(布尔)型: boolean用true或fal
阅读全文
摘要: JS中运算符号大部分和java中的运算符一样,我们在这里分析一下特殊的运算符号 关于/% JS中,数字类型都是number,除法的结果中如果没有小数位,直接就是一个整数,如有小数位,才是浮点数 JS中如果出现除零,那么结果是 infinity,而不是报错 <script> /* * 能除尽,则默
阅读全文
摘要: 基本和JAVA中的一致 顺序结构 略 分支结构 if switch <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> /* * 定义变量表示月份 * 根据月份输出该月的季节和应季活动 * *
阅读全文
摘要: 什么是JS的函数: 类似于java中的方法,JS中也可以定义一些函数,java中的方法签名包含访问修饰符,返回值类型,方法名,参数列表,异常列表,但是JS中定义函数的语法相对简单很多,主要以function作为函数关键字,具备函数名和参数列表,但是没有访问修饰符也没有返回值类型关键字和异常列表
阅读全文
摘要: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> var arr=[5,7,3,1,6,2,4,9,8]; /* * 普通for循环遍历数组 * */ for(var i=0;i<arr.l
阅读全文
摘要: JS数组创建的四种语法 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> /*第一种 *创建了一个空数组 new Array(); * */ var arr=new Array(); arr
阅读全文
摘要: 数组的常用方法 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> var arr=[1,2,3,4,5,6,7,8,9]; var index =arr.indexOf(7);//查询元素索
阅读全文
摘要: JS中的常用对象 JS基于对象的脚本语言 ,有类和对象,但是没有封装,继承,多态,Java script 中有一些浏览器直接识别并使用的对象,常见的对象有Array,String对象,Math对象,Number对象,Date对象等等. String和java中的String很类似,的常用方法 方
阅读全文
摘要: JS中自定义对象 JS除了一些常用方法和类以外,允许我们自己定义对象,在JS中自定义对象有三种可用的语法格式,分别为: 1调用系统的构造函数创建对象 2自定义构造函数创建对象 3字面量的方式创建对象 第一种语法:调用系统的构造函数创建对象(Object) <script> // 实例化对象 va
阅读全文
摘要: JS中原型的使用 当我们用构造方法创建一个类时,在内存会预先调用构造方法创建一个对象,这对象我们称之为原型对象,构造方法对象中有一个prototype属性指向该对象,原型对象中有一个constructor属性指向构造方法.获得一个类的原型对象可以通过类名.prototype的方式获得. 构造方法
阅读全文
摘要: 一个类的原型是一个Object类的对象,也就是说,原型也有一个_proto_属性,指向Object的原型对象,那么也就是说 Person prototype中没有的属性和方法会继续向Object prototype去找,也就是说,我们在Object原型中添加的属性和方法,我们在person1和p
阅读全文
摘要: 直接获取节点的几种方式 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> function fun1(){ // 获得document对象 var element1 =document.ge
阅读全文
摘要: 什么是DOM编程 简单来说:DOM编程就是使用document对象的API完成对网页HTML文档进行动态修改,以实现网页数据和样式动态变化效果的编程. 什么是document document对象代表整个html文档,可用来访问页面中的所有元素,是最复杂的一个dom对象,可以说是学习好dom编程
阅读全文
摘要: Echarts快速使用 <!DOCTYPE html> <html style="height: 100%"> <head> <meta charset="utf-8"> <script type="text/javascript" src="js/echarts.min.js" ></scri
阅读全文
摘要:认识Echarts Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。官方网址:https://echarts.apache.org/zh/index.html 2018年3月份,全球著名开源社区 Apache 基金会宣布“百度开源的 ECh
阅读全文
摘要: 属性选择器 [attribute] 匹配包含给定属性的元素 [attribute1][attribute2] 复合属性选择器,需要同时满足多个属性 [attribute=value] 匹配给定的属性是某个特定值的元素 [attribute!=value] 匹配所有属性不等于特定值的元素 [att
阅读全文
摘要: jQuery提供了丰富的选择器功能,这个是jQuery相比JavaScript的一大优势。我们先来看一下jQuery API。可以看到提供了众多的选择器,可以非常方便简单的获取要选择的内容。 基本选择器 标签选择器 $("a") ID选择器 $("#id") $("p#id") 类选择器 $("
阅读全文
摘要: jQuery如何引入? 实现隔行变色的效果,在使用jQuery实现效果之前,先使用在HTML中使用class属性直接标记、使用JavaScript来实现动态隔行变色,然后再采用jQuery来实现,可以明显体现到jQuery的方便和简单。 原生JavaScript方式实现 <!DOCTYPE ht
阅读全文
摘要:1.1 jQuery定义和特点 为什么使用jQuery ? 使用原生JavaScript编码存在问题 1选择器功能弱 2 DOM操作繁琐之极 3浏览器兼容性不好 4动画功能弱 jQuery的优点 1强大的选择器 2出色的DOM封装 3出色的浏览器兼容性 4强大的动画功能 5体积小,压缩后只有100K
阅读全文
摘要: 案例实现三级联动 4.5.1 数据准备 使用china.sql生成area表格 项目搭建 jsp代码 <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>$Title%sSo
阅读全文
摘要: jsonp跨域处理 4.4.1 什么是跨域? 出于浏览器的同源策略限制。同源策略(Sameoriginpolicy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。同
阅读全文
摘要: jQuery实现AJAX的其他写法 4.3.1 $.load() jQuery load() 方法是简单但强大的 AJAX 方法,load() 方法从服务器加载数据,并把返回的数据放入被选元素中。默认使用 GET 方式 - 传递附加参数时自动转换为 POST 方式, 语法为: $(selecto
阅读全文
摘要: jQuery.ajax()属性详解 $.ajax()方法中有很多属性可以供我们使用,其中很多属性都有默认值,那么这些属性都有哪些,处理的是什么事情?接下来给大家一一介绍一下 1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址。 2.type: 要求为String类型的
阅读全文
摘要: 每次书写AJAX代码比较繁琐 步骤都是一样的,数据回显使用原生js代码也比较繁琐,可以使用jQuery对上述问题进行优化,jQuery不仅仅对dom操作进行了封装 同时也对AJAX提交和回显已经进行了封装,可大大简化AJAX的操作步骤 jQuery.ajax()的简单使用 基本语法为(经典语法)
阅读全文
摘要: AJAX数据格式处理 响应普通文本数据 如果服务器给我们响应的数据非常简答,那么使用字符串就好了,不需要我们做复杂的处理,后台编码也简单. 页面代码 <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html>
阅读全文
摘要:AJAX介绍 AJAX 即 “Asynchronous Javascript And XML”(异步 JavaScript和 XML),是指一种创建交互式、快速动态网页应用的网页开发技术,无需重新加载整个网页的情况下,能够更新部分网页的技术。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实
阅读全文
摘要:什么是同步交互 首先用户向HTTP服务器提交一个处理请求。接着服务器端接收到请求后,按照预先编写好的程序中的业务逻辑进行处理,比如和数据库服务器进行数据信息交换。最后,服务器对请求进行响应,将结果返回给客户端,返回一个HTML在浏览器中显示,通常会有CSS样式丰富页面的显示效果。 优点 可以保留浏览
阅读全文
摘要: 鼠标事件 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> .d1{ width: 100px; height: 100px; background-color: greenyellow; }
阅读全文
摘要: location对象 location对象,是window对象的一个属性,代表浏览器上URL地址栏,使用location对象可以操作地址栏 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script>
阅读全文
摘要: window对象及常用方法 什么是window对象 Window 对象描述 Window 对象简单理解就是把浏览器抽象成一个对象,它表示一个浏览器窗口或一个框架。在客户端 JavaScript中,Window 对象是全局对象,所有的表达式都在当前的环境中计算。也就是说,要引用当前窗口根本不需要特
阅读全文
摘要:6.1认识BOM和DOM 认识BOM和DOM 什么是BOM BOM是Browser Object Model的简写,即浏览器对象模型。 BOM有一系列对象组成,是访问、控制、修改浏览器的属性的方法 BOM没有统一的标准(每种客户端都可以自定标准)。 BOM的顶层是window对象 什么是DOM DO
阅读全文
摘要: innerHtml 操作双标签中间的HTML innerText 操作双标签中间的 Text value 操作表单标签值 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> div{ borde
阅读全文
摘要: 直接获取节点的几种方式 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> function fun1(){ // 获得document对象 var element1 =document.ge
阅读全文
摘要: 概念引入 什么是DOM编程 简单来说:DOM编程就是使用document对象的API完成对网页HTML文档进行动态修改,以实现网页数据和样式动态变化效果的编程. 什么是document document对象代表整个html文档,可用来访问页面中的所有元素,是最复杂的一个dom对象,可以说是学习好
阅读全文
摘要: Echarts快速使用 <!DOCTYPE html> <html style="height: 100%"> <head> <meta charset="utf-8"> <script type="text/javascript" src="js/echarts.min.js" ></scri
阅读全文
摘要:认识Echarts Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。官方网址:https://echarts.apache.org/zh/index.html 2018年3月份,全球著名开源社区 Apache 基金会宣布“百度开源的 ECh
阅读全文
摘要: 一个类的原型是一个Object类的对象,也就是说,原型也有一个_proto_属性,指向Object的原型对象,那么也就是说 Person prototype中没有的属性和方法会继续向Object prototype去找,也就是说,我们在Object原型中添加的属性和方法,我们在person1和p
阅读全文
摘要: JS中原型的使用 当我们用构造方法创建一个类时,在内存会预先调用构造方法创建一个对象,这对象我们称之为原型对象,构造方法对象中有一个prototype属性指向该对象,原型对象中有一个constructor属性指向构造方法.获得一个类的原型对象可以通过类名.prototype的方式获得. 构造方法
阅读全文
摘要: JS中自定义对象 JS除了一些常用方法和类以外,允许我们自己定义对象,在JS中自定义对象有三种可用的语法格式,分别为: 1调用系统的构造函数创建对象 2自定义构造函数创建对象 3字面量的方式创建对象 第一种语法:调用系统的构造函数创建对象(Object) <script> // 实例化对象 va
阅读全文
摘要: 4.1JS中的常用对象 JS中的常用对象 JS基于对象的脚本语言 ,有类和对象,但是没有封装,继承,多态,Java script 中有一些浏览器直接识别并使用的对象,常见的对象有Array,String对象,Math对象,Number对象,Date对象等等. String和java中的Strin
阅读全文
摘要: JS数组创建的四种语法 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> /*第一种 *创建了一个空数组 new Array(); * */ var arr=new Array(); arr
阅读全文
摘要: 什么是JS的函数: 类似于java中的方法,JS中也可以定义一些函数,java中的方法签名包含访问修饰符,返回值类型,方法名,参数列表,异常列表,但是JS中定义函数的语法相对简单很多,主要以function作为函数关键字,具备函数名和参数列表,但是没有访问修饰符也没有返回值类型关键字和异常列表
阅读全文
摘要: 基本和JAVA中的一致 顺序结构 略 分支结构 if switch <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> /* * 定义变量表示月份 * 根据月份输出该月的季节和应季活动 * *
阅读全文
摘要: ECMA 数据类型和运算符 流程控制 数组 对象 2.1JS中的数据类型 1数值型: number整数和浮点数统称为数值。例如85或3.1415926等。 2字符串型: String由0个,1个或多个字符组成的序列。在JavaScript中,用双引号或单引号括起来表示,如"您好"、'学习Java
阅读全文
摘要: 内嵌式引入 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <!--内嵌式引入方式 1在head标签中,用一对script标签,嵌入JS代码 2type属性可以省略不写 --> <script type
阅读全文
摘要:JS特点 JS是运行在浏览器上的一种脚本语言 1.脚本语言 脚本语言是一种简单的程序,规模小,不需要编译,运行快,是由一些ASCII字符构成,可以使用任何一种文本编辑器编写。脚本语言是指在web浏览器内有解释器解释执行的编程语言,每次运行程序的时候,解释器会把程序代码翻译成可执行的格式。一些程序语言
阅读全文
摘要:1.1 JS介绍 Javascript是一种由Netscape(网景)的LiveScript发展而来的原型化继承的面向对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如Perl,遗留的速度问题,为客户提供更流畅的浏览效果。当时服务端需要对数据进行验证,由于网络速度相当缓
阅读全文
摘要: html5版本新增了很多类型,我们挑一些常用的进行展示: 详细学习地址可以参照w3c进行学习: https://www.w3school.com.cn/html5/att_input_type.asp <!DOCTYPE html> <html> <head> <meta charset="UT
阅读全文
摘要: form表单中可以放入的标签 就是表单元素 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <form action="" method="get"> <!--表单元素-->
阅读全文
摘要: 前后端交互流程: 表单在 Web 网页中用来给访问者填写信息,从而能采集客户端信息,使网页具有交互的功能。一般是将表单设计在一个Html 文档中,当用户填写完信息后做提交(submit)操作,于是表单的内容就从客户端的浏览器传送到服务器上,经过服务器上程序处理后,再将用户所需信息传送回客户端的浏
阅读全文
摘要: 层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。 CSS 能够对网页中元素位置的
阅读全文
摘要: 【1】生活案例入手: 【2】盒子模型: 页面上也有很多元素,元素之间的布局/设计 依靠 盒子模型: 所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。 盒模
阅读全文
摘要: 【1】position 属性指定了元素的定位类型。 【2】静态定位:(static) <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!--静态定位: 如果我们不写posit
阅读全文
摘要: 【1】什么是浮动? 浮动设计的初衷为了解决文字环绕图片问题,浮动后一定不会将文字挡住,这是设计初衷,不能违背的。 CSS 的 Float(浮动)使元素脱离文档流,按照指定的方向(左或右发生移动),直到它的外边缘碰到包含框或另一个浮动框的边框为止。 说到脱离文档流要说一下什么是文档流,文档流是是文
阅读全文
摘要: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /*属性选择器*/ input[type="password"]{ background-color: red
阅读全文
摘要: 【1】代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /* 【1】基本选择器:元素选择器: 通过元素的名字进行定位,它会获取页面上所有这个元素,无论藏
阅读全文
摘要: 【1】为什么要学习CSS? HTML画页面--》这个页面就是页面上需要的元素罗列起来,但是页面效果很差,不好看,为了让页面好看,为了修饰页面 》CSS CSS的作用:修饰HTML页面 用了CSS之后,样式和元素本身做到了分离的效果。 》降低了代码的耦合性 【2】HTML和CSS的关系? 先有HT
阅读全文
摘要: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!--无序列表: type:可以设置列表前图标的样式 type="square" 如果想要更换图标样式,需要借助css技术:
阅读全文
摘要: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!--超链接标签:作用:实现页面的跳转功能 href:控制跳转的目标位置 target:_self 在自身页面打开 (默认效果
阅读全文
摘要: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>文本标签</title> </head> <body> <!--文本标签--> <!--下面的文字就是普通的文本,文本编辑器中的任何效果:比如空格,换行 都不影响页面, 页面想
阅读全文
摘要: HTML文档标准结构: <html> <head> </head> <body> this is my second html... </body> </html> 【1】html标签 定义 HTML 文档,这个元素我们浏览器看到后就明白这是个HTML文档了,所以你的其它元素要包裹在它里面,标签
阅读全文
摘要: 编码工具: 辅助程序员编写源代码的工具,它类似word,我们写文档会打开word文档来编写。 写代码也一样,需要借助工具来开发。 常见的编码工具有记事本、sublime Text、notepad++ 集成开发环境(IDE,Integrated Development Environment ):
阅读全文
摘要:【1】HTML 指的是超文本标记语言: HyperText Markup Language 超文本: 普通人 vs 超人(比普通的人厉害) 普通文本 vs 超文本(比普通的文本厉害) 标记: 标记=标签 标签:<html> <body> <head> 由尖括号包围起来的关键词 分类:双标记标签/封闭
阅读全文
摘要:三大基石:URL,HTTP协议,HTML URL:在WWW上,每一信息资源都有统一的且在网上唯一的地址,该地址就叫URL(Uniform Resource Locator,统一资源定位符),它是WWW的统一资源定位标志,就是指网络地址。 HTTP协议:http是一个简单的请求-响应协议,它通常运行在
阅读全文