前端页面
道法—自然
不积跬步,无以至千里;不积小流,无以成江海。——荀子
展开
-
ajax的封装
jsp代码部分:<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()...原创 2020-01-09 00:52:39 · 159 阅读 · 0 评论 -
ajax练习
ajax部分:<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+"...原创 2020-01-08 23:56:56 · 197 阅读 · 0 评论 -
ajax学习
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+reques...原创 2020-01-08 23:31:00 · 165 阅读 · 0 评论 -
使用ajax在创建用户的时候校验用户名
ajax代码:<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+"...原创 2020-01-08 23:30:12 · 156 阅读 · 0 评论 -
jquery表单校验
<html> <head> <title>jquery表单校验</title> <meta charset="UTF-8"/> <!--引入jQuery文件--> <script src="js/jquery-1.9.1.js" type="text/javascript" charset="utf-...原创 2019-12-16 00:07:41 · 207 阅读 · 0 评论 -
jquery操作表格
<html> <head> <title>jQuery操作表格</title> <meta charset="UTF-8"/> <!--声明css代码域--> <style type="text/css"> tr{ height: 40px; } </style&g...原创 2019-12-15 21:49:02 · 422 阅读 · 0 评论 -
jquery的事件机制
<html> <head> <title>jQuery的事件机制</title> <meta charset="UTF-8"/> <!-- jQuery的事件机制: 问题: 目前使用事件机制需要在HTML元素上使用属性进行声明和调用。 但是这样造成如果需要更换事件,就需要改变源码。事...原创 2019-12-15 20:28:27 · 168 阅读 · 0 评论 -
table表格说明
在一个table表格中,一般是这样的:最外边的是body然后是form表单最里边的是tablebody>form>table在一个table中,有几个参数是必须要在table上说明的:cellpadding,cellspacing,border等参数...原创 2019-12-15 20:47:01 · 206 阅读 · 0 评论 -
jQuery操作文档结构
<html> <head> <title>jQuery操作文档结构</title> <meta charset="UTF-8"/> <!-- jQuery操作文档结构: 获取元素对象 内部插入: 元素对象名.append("html元素");//将内容追加到元素对象内容的后面,HTML...原创 2019-12-15 19:41:01 · 253 阅读 · 0 评论 -
jquery的动画效果
<html> <head> <title>jquery的动画效果</title> <meta charset="UTF-8"/> <!--引入jquery文件--> <script src="js/jquery-1.9.1.js" type="text/javascript" charset="utf...原创 2019-12-15 12:03:19 · 109 阅读 · 0 评论 -
jQuery操作样式
<html> <head> <title>jquery操作样式</title> <meta charset="UTF-8"/> <!-- jquery操作样式 获取元素对象 操作样式--css范式 增加样式: 元素对象名.css("样式属性名","样式值"); ...原创 2019-12-15 11:37:43 · 156 阅读 · 0 评论 -
jquery操作内容
<html> <head> <title>jquery操作内容</title> <meta charset="UTF-8"/> <!-- jquery操作内容: 获取元素对象 操作元素内容: 获取内容: 元素对象名.html()//返回当前元素的所有内容,包括HTML标签...原创 2019-12-15 10:58:13 · 186 阅读 · 1 评论 -
jquery操作属性
<html> <head> <title>jquery操作属性</title> <meta charset="UTF-8"/> <!-- jquery操作属性: 获取元素对象 操作属性 获取属性 元素对象名.attr("属性名")//返回当前属性的值。但是value的值获取...原创 2019-12-15 00:00:59 · 128 阅读 · 0 评论 -
jquery选择器
<html> <head> <title>jquery选择器学习</title> <meta charset="UTF-8"/> <!-- jQuery的选择器学习:s 基本选择器: ID选择器: $("#ID名");//返回的是存储了指定的HTML元素对象的数组。 标签...原创 2019-12-15 00:01:01 · 110 阅读 · 0 评论 -
js操作form表单
<html> <head> <meta charset="utf-8"> <title>js操作form表单</title> <!-- js操作form表单 特点: 通过js操作form表单,可以实现动态的改变提交地址和提交方式 同时通过表单对象.submit(),实现了普通按钮具备...原创 2019-12-14 20:50:23 · 396 阅读 · 0 评论 -
js操作表格II
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>js操作表格</title> <!--声明style样式代码域--> <style type="text/css"> body{ text-align: ...原创 2019-12-14 20:32:17 · 136 阅读 · 0 评论 -
js操作表格I
<html> <head> <title>js操作表格</title> <meta charset="UTF-8"/> <!--声明css代码域--> <style type="text/css"> table{ margin: auto; margin-top: 20px...原创 2019-12-14 20:31:23 · 160 阅读 · 0 评论 -
document操作表格元素
<html> <head> <title>js操作表格</title> <meta charset="UTF-8"/> <!--声明css代码域--> <style type="text/css"> table{ margin: auto; margin-top: 20px...原创 2019-12-14 17:44:23 · 751 阅读 · 1 评论 -
div操作元素的文档结构
<html> <head> <title>document操作文档结构</title> <meta charset="UTF-8"/> <!-- document操作文档结构: 获取元素对象 新增节点: 1、元素对象名.innerHTML="html元素标签"; ...原创 2019-12-14 17:41:43 · 275 阅读 · 0 评论 -
documnet操作元素的样式
<html> <head> <title>document操作元素的样式</title> <meta charset="UTF-8"/> <!-- document操作元素的样式: 获取元素对象 style属性方式: 新增样式 元素对象名.style.样式名="样式值...原创 2019-12-14 17:20:37 · 418 阅读 · 0 评论 -
document操作元素的内容
<html> <head> <title>document操作元素内容</title> <meta charset="UTF-8"/> <!--声明css代码域--> <style type="text/css"> #showdiv{ border: solid 1px; ...原创 2019-12-14 15:57:42 · 510 阅读 · 0 评论 -
document操作元素的属性
<html> <head> <title>操作元素属性</title> <meta charset="UTF-8"/> <!-- 操作元素属性: 获取元素对象 获取属性: 元素对象名.属性名 修改属性: 元素对象名.属性名=新的值 注意: 不要去修改n...原创 2019-12-14 15:21:18 · 295 阅读 · 0 评论 -
获取js元素对象的属性
<html> <head> <title>获取元素对象学习</title> <meta charset="UTF-8"/> <!-- document对象获取元素对象学习: 直接方式: ID方式: 作用:指定的获取HTML元素对象 使用:document.getElem...原创 2019-12-14 15:08:34 · 352 阅读 · 0 评论 -
获取元素对象学习
<html> <head> <title>获取元素对象学习</title> <meta charset="UTF-8"/> <!-- document对象获取元素对象学习: 直接方式: ID方式: 作用:指定的获取HTML元素对象 使用:document.getElem...原创 2019-12-14 00:07:38 · 218 阅读 · 0 评论 -
js中倒计时的书写
<html> <head> <title>子页面</title> <meta charset="UTF-8"/> <!--声明js代码域--> <script type="text/javascript"> function testTime(){ window.setInterv...原创 2019-12-12 23:27:55 · 102 阅读 · 0 评论 -
window对象的常用属性
<html> <head> <title>window对象的常用属性</title> <meta charset="UTF-8"/> <!-- window的常用属性学习: 重点: 地址栏属性:location href属性:属性值为资源的URL. 作用:可以查看当前...原创 2019-12-12 23:19:42 · 675 阅读 · 0 评论 -
window下的常用方法学习
<html> <head> <title>window对象的常用方法</title> <meta charset="UTF-8"/> <!-- window对象的常用方法: 框体方法: 警告框:window.alert("数据"); 确认框:window.confirm("确认提示语...原创 2019-12-12 23:00:55 · 569 阅读 · 0 评论 -
js中的对象和方法学习
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>js中常用对象和方法学习</title> <script type="text/javascript">// function testDate(){// alert...原创 2019-12-12 22:11:27 · 122 阅读 · 0 评论 -
js函数中的事件
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>js的事件机制</title> <script type="text/javascript">// function testonclick(){// alert("我...原创 2019-12-12 21:19:41 · 181 阅读 · 0 评论 -
js中的单机和双击事件
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>js的声明</title> <script type="text/javascript">// function myJs(){// alert("这里是测试JS的声...原创 2019-12-11 21:23:34 · 839 阅读 · 0 评论 -
使用js实现计算器
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>使用js实现计算器</title> <style type="text/css"> /*设置整个div的位置及外边框*/ #cal{border: solid 1px;...原创 2019-12-11 21:03:08 · 2217 阅读 · 1 评论 -
js中的函数
<html> <head> <title>js的函数学习</title> <meta charset="UTF-8"/> <!-- js的函数学习: 作用:将常用的代码进行封装,降低代码的冗余。 函数的声明: 方式一: function 函数名(形参名,形参名,....){...原创 2019-12-11 18:25:20 · 176 阅读 · 0 评论 -
js中的方法
<html> <head> <title>js数组的常用方法</title> <meta charset="UTF-8"/> <!-- js的常用方法: concat方法:数据连接.将两个数组或者数组和其他数据链接成一个新的数组并返回。 join方法:修改数组的间隔符 数组名.join("符号"...原创 2019-12-11 17:42:46 · 138 阅读 · 0 评论 -
js中数组的学习
<html> <head> <title>js的数组</title> <meta charset="UTF-8"/> <!-- js的数组学习: 问题: 变量在程序中是用来存储数据的,但是如果要处理的数据量比较多,使用变量去存储 一个是变量声明的过多不好管理,一个是数据不能整块进行使...原创 2019-12-11 14:48:20 · 182 阅读 · 0 评论 -
js中循环输出九九乘法表
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>我的第一个HTML学习</title> <!--js的逻辑结构学习 判断结构:if结构 单分支结构 双分支结构 多分支结构 switch结构 循环结构...原创 2019-12-11 14:04:47 · 270 阅读 · 0 评论 -
js的数组
<html> <head> <title>js的数组</title> <meta charset="UTF-8"/> <!-- js的数组学习: 问题: 变量在程序中是用来存储数据的,但是如果要处理的数据量比较多,使用变量去存储 一个是变量声明的过多不好管理,一个是数据不能整块进行使...原创 2019-12-09 23:54:29 · 117 阅读 · 0 评论 -
js的逻辑结构
<html> <head> <title>js的逻辑结构学习</title> <meta charset="UTF-8"/> <!--; js的逻辑结构学习: 判断结构:if 语句 单分支: 双分支: 多分支: switch语句 循环结构: fo...原创 2019-12-09 23:44:24 · 154 阅读 · 0 评论 -
前端js的运算符
<html> <head> <title>js的运算符</title> <meta charset="UTF-8"/> <!-- js的运算符学习: 算术运算符: +,-,*,/,++,--,+=,-=,*=,/= 注意:+号本身是字符串的连接符,不会使用Number关键字转换,直接...原创 2019-12-09 23:26:42 · 373 阅读 · 0 评论 -
前端页面js的变量
<html> <head> <title>js的变量</title> <meta charset="UTF-8"/> <!-- js的变量学习: 变量的声明: var 变量名=值; 变量的特点 特点1:js的变量声明后可以存储任意类型的数据。 特点2:js的同名变量...原创 2019-12-09 23:25:43 · 516 阅读 · 0 评论