Web前端
关注
分享
扫一扫
文章平均质量分 84
TSCCG
这个作者很懒，什么都没留下…
展开
-
Web前端-jQuery实现Ajax实例-级联查询
1.需求页面加载出来时，需要在第一个下拉列表中显示所有省份名称。当用户选择其中一个省份，在第二个下拉列表中显示该省份所有的城市。2.准备工作2.1创建数据库与数据表2.1.1创建数据库【db_ajax】create database db_ajax;2.1.2创建省份信息表【province】SET FOREIGN_KEY_CHECKS=0;DROP TABLE IF EXISTS `province`;CREATE TABLE `province` ( `id` int(原创 2021-09-02 16:19:09 · 533 阅读 · 0 评论 -
Web前端-jQuery
Web前端-jQuery思维导图：点击打开1.jQuery概述1.1jQuery是什么，有什么用jQuery 是一个 JavaScript 库。jQuery 极大地简化了 JavaScript 编程。jQuery 很容易学习。1.2第一个jQuery例子<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>第一个jQuery例原创 2021-08-30 23:46:33 · 426 阅读 · 0 评论 -
Web前端-Ajax-03-Ajax总结
思维导图：点击打开原创 2021-08-29 18:27:04 · 159 阅读 · 0 评论 -
Web前端-Ajax-02-实例:根据省份id查询省份信息
Web前端-Ajax-02-根据省份id查询省份名称实例1.需求用户在文本框输入省份的编号id，在其他文本框中显示省份名称。2.准备工作2.1创建数据库与数据表2.1.1创建数据库【db_ajax】create database db_ajax;2.1.2创建省份信息表【province】SET FOREIGN_KEY_CHECKS=0;DROP TABLE IF EXISTS `province`;CREATE TABLE `province` ( `id` int(11)原创 2021-08-29 00:09:08 · 927 阅读 · 0 评论 -
Web前端-Ajax-01
Web前端-Ajax1.全局刷新和局部刷新在B/S结构项目中，浏览器负责向服务器发送请求，服务器负责接收请求，并将处理结果发送回浏览器。浏览器将返回的html、jsp等命令文件进行解析并展示到页面中。1.1全局刷新浏览器在接收到响应包后，在展示数据时，浏览器原有内容被响应包中数据覆盖掉。全局刷新原理:必须由浏览器亲自向服务端发送请求协议包这个行为导致服务端直接将【响应包】发送到浏览器内存中这个行为导致浏览器内存中原有内容被覆盖掉这个行为导致浏览器在展示数据时候，只有响应数原创 2021-08-27 23:36:23 · 635 阅读 · 5 评论 -
JS-JSON-获取JSON对象中的数据展示到表格里
JS-JSON-获取JSON对象中的数据展示到表格里1.要求点击按钮，将学生信息展示到表格里，并显示总记录条数。2.实现思路创建JSON对象先创建一个JSON对象data，有总人数total和学生信息emps两个属性emps是一个JSON数组，里面存放着所有学生的信息。搭框架将按钮、表格等都先创建好将JSON对象中的数据放入框架中获取按钮对象，将click事件注册上去获取JSON对象中的emps属性，也就是存储所有学生信息的JSON数组定义一个变量，遍历emps数组原创 2021-08-09 15:12:18 · 7063 阅读 · 0 评论 -
JS-JSON
JS-JSON1.JSON概述1.1什么是JSON,有什么用？JavaScript Object Notation(JavaScript对象标记)，简称JSON。(数据交换格式)JSON的主要作用是：在系统A和系统B交换数据时，作为一种标准的数据交换格式。JSON目前非常流行，九成以上的系统都用的JSON。1.2最常用的两种数据交换格式在实际开发中，有两种数据交换格式使用最多，分别是JSON和XML。1.2.1两种数据交换格式特点JSON：体积小，易解析。XML：体积较大，解析麻烦，但原创 2021-08-08 22:52:23 · 695 阅读 · 0 评论 -
JS-BOM编程
JS-BOM编程1.开启和关闭窗口BOM编程中，window对象是顶级对象，代表浏览器窗口。window有open和close两个函数，可以开启窗口和关闭窗口。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name原创 2021-08-08 17:50:04 · 149 阅读 · 0 评论 -
JS-DOM编程-07-周期函数setlnterval
JS-DOM编程-07-周期函数setlnterval1.获取系统当前时间<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, init原创 2021-08-08 13:03:36 · 646 阅读 · 0 评论 -
JS-DOM编程-06-获取下拉列表选中项的value
JS-DOM编程-06-获取下拉列表选中项的value1.用户选择城市后，界面弹出对应市区原理直辖市和市辖区的关系是：1对多(两张表，多的表加外键)直辖市表t_cityid ccode(unique) cname-----------------------------1 001 北京2 002 上海3 003 广州市辖区t_mdid mcode mname ccode(fk)--------------------------------------原创 2021-08-07 17:16:39 · 540 阅读 · 0 评论 -
JS-DOM编程-05-复选框的全选与取消全选
JS-DOM编程-05-复选框的全选与取消全选1.当点击全选框时，选中所有复选框复选框对象的checked属性代表复选框是否被选中：如果值为true，则表示复选框被选中如果值为false，则表示复选框未被选中我们可以利用checked属性来实现功能。在全选框中设置一个click事件，当点击全选框时，遍历所有复选框对象，将全选框的checked属性值赋给所有复选框的checked属性。<!DOCTYPE html><html lang="en"><head原创 2021-08-07 15:57:57 · 1286 阅读 · 0 评论 -
JS-DOM编程-04-表单验证
JS-DOM编程-04-表单验证1.表单验证要求用户名不能为空。用户名长度必须在6～14位之间。用户名只能有数字和字母组成，不能含有其他符号。（正则表达式）密码和确认密码一致，邮箱地址合法。统一失去焦点时验证。错误提示信息统一在span标签中提示，并且要求字体12号，红色。文本框再次获得焦点后，清空错误提示信息。如果文本框中数据不合法要求清空文本框的value。最终表单中所有项均合法才能提交。2.实现<!DOCTYPE html><html lang="en"&原创 2021-08-06 23:59:55 · 534 阅读 · 0 评论 -
JS-DOM编程-03-正则表达式
JS-DOM编程-03-正则表达式1.正则表达式概述1.1什么是正则表达式，有什么用？正则表达式：Regular Expression正则表达式主要用于字符串格式匹配方面。在一些要求使用邮箱登录的网页中，当我们输入非邮箱格式的字符串时，系统会提示格式错误，这里面使用到的检查机制就用到了正则表达式。正则表达式实际上是一门独立的学科，大部分编程语言都支持正则表达式，在Java语言中支持、C语言中也支持，javascript中也支持。正则表达式最初用于医学方面，用于表示神经符号等。目前使用最多的原创 2021-08-05 22:13:17 · 201 阅读 · 1 评论 -
JS-DOM编程-02-innerHTML和innerText属性
JS-DOM编程-02-innerHTML和innerText属性1.innerHTML属性innerHTML属性可以设置对象里的内容。1.1直接赋值给innerHTML以改变div实现点击按钮，就可以向div里添加内容。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content原创 2021-08-05 18:14:55 · 897 阅读 · 0 评论 -
JS-DOM编程-01-文本框相关应用
JS-DOM编程-01-文本框相关应用1.设置和获取文本框的value1.1获取文本框的value先根据文本框的id获取文本框对象，然后再访问value属性。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name=原创 2021-08-05 16:40:07 · 194 阅读 · 0 评论 -
JS-ECMAScript、DOM和BOM
JS-ECMAScript、DOM和BOM1.JavaScript包括三大块ECMAScript：JS的核心语法（ES规范/ECMA-262标准）DOM：Document Object Model(文档对象模型)对网页中的节点进行增删改的过程。HTML文档被当作一颗DOM树来看待。var domObj = document.getElementById("id名");BOM：Browser Object Model(浏览器对象模型)BOM编程涵盖的范围：原创 2021-08-05 12:27:17 · 147 阅读 · 0 评论 -
JS-07-JS控制语句与数组
JS-07-JS控制语句与数组1.JS中有哪些控制语句？JS中有如下控制语句：1.if2.switch3.for4.while5.do…while6.continue7.break8.for…in(了解)9.with(了解)用法与java一致。2.JS数组2.1JS中数组的创建JS中数组的元素类型随意，个数随意，用中括号包含元素。var arr = [1,3.14,"abc",true];2.2遍历JS数组用普通for循环遍历JS数组<script type原创 2021-08-04 20:52:21 · 135 阅读 · 0 评论 -
JS-06-JS中的void运算符
JS-06-JS中的void运算符1.void运算符的作用void运算符是javascript中的一个操作符，语法如下：javascript:void(表达式)javascript:void 表达式运算原理：执行表达式，不返回任何结果。常用于将一个链接变成死链。2.将一个链接变为死链实现如下要求：1.保留住超链接的样式2.用户点击该超链接的时候执行一段JS代码3.页面不能跳转2.1实现第一项<!DOCTYPE html><html lang=原创 2021-08-04 19:33:47 · 947 阅读 · 0 评论 -
JS-05-JS中的事件
JS-05-JS中的事件1.常用事件 type 事件 描述 焦点相关 focus 获得焦点 blur 失去焦点原创 2021-08-03 22:40:56 · 143 阅读 · 0 评论 -
JS-04-undefined、null和NaN的区别
JS-04-undefined、null和NaN的区别1.三者的数据类型不同undefined：Undefinednull：ObjectNaN：Number<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta nam原创 2021-08-03 14:56:41 · 245 阅读 · 0 评论 -
JS-03-数据类型
JS-03-数据类型1.JS中有哪些数据类型？虽然JS中的变量在声明时不需要指定数据类型，但是在赋值时，每一个数据还是有类型的，所以这里也需要学习一下JS中的数据类型。JS中数据类型分为原始类型和引用类型。原始类型：UndefinedNumberStringBooleanNull引用类型：Object以及Object的子类ES规范(ECMAScript规范)，在ES6之后，又添加了一种新的类型：Symbol2.typeof运算符2.1typeof运算符的作用JS种有一个原创 2021-08-02 22:38:38 · 220 阅读 · 0 评论 -
JS-02-JS变量与函数
JS-02-JS变量与函数1.JS标识符命名规则与规范JS标识符的命名规则和规范按java的方式就可以了。标识符命名规则：由字母、数字、下划线(_)、美元符号($)组成。不能由数字开头。严格区分大小写。不可使用关键字命名。理论上长度不限。标识符命名规范：按照驼峰命名法：类名和接口名首字母大写，后面每一个单词的首字母也大写。方法名和变量名首字母小写，后面每一个单词的首字母大写。常量所有字母都要大写，且单词与单词之间用下划线衔接。命名要尽量用英语单词写，见名知意。2.原创 2021-08-01 21:27:16 · 157 阅读 · 0 评论 -
JS-01-在HTML中嵌入JavaScript代码的三种方式
JS-01-在HTML中嵌入JavaScript代码的三种方式1.JavaScript概述Web的组成有HTML、CSS还有即将要学习的JavaScript(简称JS)。CSS和JS主要是服务于HTML，前者让HTML更加美观，后者能够让HTML动起来。如果把HTML比作一只光秃秃的鸟的话，那么CSS就是鸟的羽毛，JS就是让鸟能够飞起来的肌肉。2.在HTML中嵌入JavaScript代码的第一种方式JS是一门事件驱动型的编程语言，依靠事件去驱动，然后执行对应的程序。在JS中有很多事件，其中有原创 2021-07-31 23:06:36 · 2196 阅读 · 1 评论 -
CSS总结
CSS总结1.在HTML中引入CSS的三种方式1.1行内样式表(行内式)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, init原创 2021-07-31 16:32:31 · 132 阅读 · 0 评论 -
HTML_02HTML总结
HTML_02HTML总结1.基本标签标签描述< p>< /p>段落标签，用于分段< h1>< /h1> h1~h6标题标签，设置标题级别< br/>换行；独目标签< hr/>水平线；独目标签< pre>< /pre>预留格式，将HTML源码上的格式照搬到网页上显示< b>< /b>或< strong><原创 2021-07-30 22:25:03 · 382 阅读 · 0 评论 -
HTML_01HTML和Web概述
HTML_01HTML和Web概述1.HTML概述1.1什么是HTML?HTML(Hyper Text Markup Language)，超文本标记语言。超文本：超级文本，如流媒体、声音、视频、图片等。标记语言：这种语言由大量的标签组成。标签：任何一个标签都有开始标签和结束标签，如：<标签>：开始标签<标签/>：结束标签<html><!-- 开始标签 --><html/><!-- 结束标签 --&g原创 2021-07-29 20:14:54 · 154 阅读 · 0 评论