Web前端基础
关注
分享
扫一扫
JH灰色
☠
展开
-
AJAX: ASynchronous JavaScript And XML 异步的JavaScript 和 XML
文章目录1.异步原理2.主要代码1.异步原理1. 异步和同步：客户端和服务器端相互通信的基础上同步: 客户端必须等待服务器端的响应。在等待的期间客户端不能做其他操作。异步： 客户端不需要等待服务器端的响应。在服务器处理请求的过程中，客户端可以进行其他的操作。2.主要代码(1)AjaxServlet这是服务器代码，客户端进行访问package Ajaxtest;import j...原创 2020-02-06 12:36:06 · 423 阅读 · 0 评论 -
jQuery:案例
文章目录(1) 案例1:简单计算器(2) 案例2:使用class改变图片的样式(3) 案例3: 全选 反选 取消(1) 案例1:简单计算器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>案例-简单计算器</title>...原创 2020-01-14 20:42:46 · 207 阅读 · 0 评论 -
jQuery:事件
文章目录(1) 事件的触发与绑定(2) bind事件绑定(3) live事件的绑定(4) hover事件的绑定(5) one事件绑定(6) toggle事件绑定(1) 事件的触发与绑定<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&g...原创 2020-01-14 20:35:01 · 183 阅读 · 0 评论 -
jQuery:属性操作
文章目录(1) val属性操作(2) text/html属性操作(3) class属性操作(4) attr属性操作(1) val属性操作<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>val属性操作</title>...原创 2020-01-14 20:19:49 · 129 阅读 · 0 评论 -
jQuery:文档操作
文章目录(1) append/prepend/after/before文档操作(2) remove empty删除(1) append/prepend/after/before文档操作<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&g...原创 2020-01-14 19:33:54 · 188 阅读 · 0 评论 -
JQuery:选择器
文章目录1. 常见选择器(1) id选择器:$('#id')(2) element和class选择器(3) parent > child选择器(4) prev + next选择器(5) prev ~ siblings选择器2. 简单选择器3. 属性选择器1. 常见选择器(1) id选择器:$(’#id’)<!DOCTYPE html><html lang="en"&...原创 2020-01-14 19:26:26 · 183 阅读 · 0 评论 -
jQuery:基础
文章目录(1) 初识jQuery(2) 引入jQuery的三种方式：(3) jQuery和DOM对象的转化(1) 初识jQuery<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>初识jQuery</title> ...原创 2020-01-14 18:54:26 · 171 阅读 · 0 评论 -
JS:JSON篇
文章目录(1)JSON语法格式(2) 案例：(3) eval函数(4) 设置table的tbody1.什么是JSON，作用？JSON是数据交换格式，作用：JSON可以将系统A与系统B交换数据； 如C语言与JAVA语言交换数据2.JSON体积小，轻量级3.实际开发中有两种数据交换格式：JSON和XML。XML体积大，解析麻烦，优点：语法严谨。（银行用它）(1)JSON语法格式<...原创 2020-01-14 17:30:06 · 197 阅读 · 0 评论 -
JS:BOM篇
文章目录(1) BOM编程-open和close(2) 弹出消息框和确认框(3) 历史记录前进与后退(4) 浏览器向服务器提交的方式:location(窗口)(1) BOM编程-open和close<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <...原创 2020-01-14 17:17:12 · 151 阅读 · 0 评论 -
JS：DOM篇
文章目录1 DOM编程(1) 获取文本框的value(2) innerHTML和innerText操作div和span(3) 正则表达式(4) 去除字符串(5) 表单验证2 其他应用1 DOM编程1.JavaScript包括的三大语句块：ECMAScript:JS的核心语法（ES规范/ECMA-262标准）DOM:Document Object Model(文档对象模型：对网页当中的节点...原创 2020-01-14 17:00:39 · 549 阅读 · 0 评论 -
JS基础篇2：
文章目录1. JS变量1.1 局部变量和全局变量2. JS函数3. 数据类型4. 事件1. JS变量注意：JS是弱编程语言，不论何种数据类型，赋值方式：声明：var 变量名；赋值：变量名=值；变量声明后，没手动赋值时，系统默认赋值是undefined.<!DOCTYPE html><html lang="en"><head> <...原创 2020-01-14 16:10:39 · 366 阅读 · 0 评论 -
JS基础篇1：HTML嵌入JS的三种方式
文章目录第一种方式：window.alert第二种方式：脚本块的方式第三种方式：js脚本文件,src=路径JavaScript的简介：1.要实现的功能：用户点击以下按钮，弹出消息框，JS是一种实现浏览器动态、互动的。2.JS是一门事件驱动型的编程语言，依靠事件去驱动，然后执行对应的程序。在JS中有很多事件，其中有一个事件叫做：鼠标单击，单词：click.并且任何事件都会对应一个事件句柄...原创 2020-01-14 10:28:54 · 481 阅读 · 0 评论 -
CSS: 其他特性
(004)—CSS列表样式（ul/ol同HTML）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS列表样式</title> <style> ul{/*标签选择器：ul*/ ...原创 2019-12-05 17:28:29 · 125 阅读 · 0 评论 -
CSS(重点):HTML中引入CSS样式的3种方式
文章目录(001)—第一种方式：**内联定义方式**(002)—第二种方式 ：**样式块**:id选择器，标签选择器，类选择器(003)—第三种方式：**引入外部独立的css文件**(001)—第一种方式：内联定义方式语法： style=”样式名 1:样式值 1; 样式名 2:样式值 2;”<!DOCTYPE html><html lang="en"><he...原创 2019-12-05 17:21:06 · 666 阅读 · 0 评论 -
HTML07：四个特性
(014)—控件:file、hidden控件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>file、hidden控件</title></head><body> <!-file...原创 2019-12-05 17:01:40 · 152 阅读 · 0 评论 -
HTML06(重点三)：表单form
(011)—表单formform标签，action属性填地址；input按钮，name必须提交，value填，不做要求。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表单form</title></h...原创 2019-12-05 16:50:05 · 265 阅读 · 0 评论 -
HTML05(重点二)：超链接
(009)—超链接以字母a表示标签，有下划线；href属性后面一定是一个资源地址<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>超链接或热链接</title></head><body>...原创 2019-12-05 16:31:08 · 234 阅读 · 0 评论 -
HTML04：列表
(010)—有序ol、无序列表ul注：可以对ul、ol进行type设计。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>有序、无序列表</title></head><> <!...原创 2019-12-05 16:15:51 · 167 阅读 · 0 评论 -
HTML03：图片
(007)—背景图片和背景颜色(设置都是对背景进行设置)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <!--以UTF-8打开--> <title>背景颜色和背景图片</title></head><...原创 2019-12-05 16:06:19 · 134 阅读 · 0 评论 -
HTML02（重点一）：表格table
(004)—表格注：table表示、tr行、td列<!doctype html><html> <head> <meta charset="UTF-8"> <title>表格</title> </head> <body> <!--- border="1px" 边框 设...原创 2019-12-05 15:59:05 · 215 阅读 · 0 评论 -
HTML01：基础语法
(001)—HTML简介<!--- 1、这是HTML的注释 2、加上以下代码的第一行就是HTML5.0语法。去掉就是HTML4.0 <!doctype html> 3.HTML不区分大小写，语法松散不严格---><!doctype html><!--根--><html> <!--头--> <he...原创 2019-12-05 15:48:44 · 156 阅读 · 0 评论