HTML学习
文章平均质量分 77
zzu957
这个作者很懒,什么都没留下…
展开
-
HTML中详述jQuery插件机制
插件机制实现方法为了扩展jQuery库函数,jQuery提供了两种方式:jQuery.extend(object):扩展jQuery对象本身,主要是用来扩展jQuery全局函数 ,调用时直接$.函数名(参数),如下例子:<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title>插件机制</title> <script src="js/jquery-1.8原创 2020-07-31 11:23:56 · 145 阅读 · 0 评论 -
HTML中详述each(callback)与each(object [,callback])方法区别
each(callback)each(callback):每个匹配的元素都会执行该函数,each(object[, callback]):用于遍历对象(可以是jQuery对象)和数组,其中object表示待遍历的jQuery对象或数组;callback表示每个成员/元素执行的回调函数代码示例:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title原创 2020-07-31 10:41:12 · 582 阅读 · 0 评论 -
HTML中三级级联实战
代码结构:部分代码展示:AreaDao.java代码:package com.zzu.area.dao;import java.sql.Array;import java.sql.ResultSet;import java.sql.SQLException;import java.util.ArrayList;import java.util.List;import com.zzu.area.imp.IAreaDao;import com.zzu.tool.db.DBLink;i原创 2020-07-27 21:08:34 · 526 阅读 · 0 评论 -
HTML中详述Servlet生命周期
什么是ServletServlet是服务器端的Java应用程序,可以生产动态Web页面。透过JSP执行过程可以知道JSP最终被编译成一个.class文件,查看该文件对应的Java类,发现该Java类继承自org.apache.jasper.runtime.HttpJspBase类,而HttpJspBase继承自HttpServlet类,由此可知JSP第一次运行时实质上是被JSP引擎翻译成了一个Servlet,然后再编译,最后再执行。自定义Servlet类继承HttpServlet抽象类,HttpServ原创 2020-07-26 11:59:17 · 143 阅读 · 0 评论 -
HTML中详述session内置对象运行机制
什么是session内置对象session对象:Web应用中,会话指在一段时间内,一个用户通过浏览器与服务器之间进行的一系列的请求和响应的交互过程。在一个会话中,用户可以访问该Web应用系统中包括网页在内的多种资源。当用户(浏览器)向Web应用服务器发送第一次请求时,服务器会为该用户创建一个唯一标识的会话,会话一直延续到访问结束(浏览器关闭或用户长时间不访问Web应用)。JSP使用session对象表示会话,即将信息保存在session对象中,方便用户在这个会话中随时获取。浏览器关闭只是中断了和We原创 2020-07-22 23:43:22 · 374 阅读 · 0 评论 -
HTML中详述重定向与请求转发两种方式区别区别
重定向(Redirect)重定向(Redirect):客户端浏览器向Web应用服务器端发送一个请求,Web服务器端使用HttpServletResponse的sendRedirect()方法将结果(结果中头信息内HTTP状态码为302,Location响应报头域中保存响应回来的地址)返回客户端浏览器;客户端浏览器收到服务器端结果后解析其头部信息,然后自动按照头部指定地址以GET方式再次向Web应用服务器端发请求,此时地址栏URL发生变化,服务器端接收到新的请求再将结果返回至客户端浏览器,客户端浏览器解释执原创 2020-07-22 23:27:45 · 1202 阅读 · 0 评论 -
HTML中详述JSP执行过程
什么是JSPJSP全称Java Server Pages 里面包含html标签、css样式、JavaScript脚本和Java代码。注意:<%=currentTime%>前面等号和前面%不能有空格。JSP执行过程当用户通过浏览器访问Tomcat上的JSP页面时,Web应用服务器使用JSP引擎对该页面进行翻译(Java文件)、编译(.class文件)和执行,然后将执行结果(静态页面代码)返回给客户端浏览器,最后浏览器解释执行返回的结果呈现给用户,如下图所示:翻译阶段:当Web应用服务器第原创 2020-07-22 23:17:53 · 523 阅读 · 0 评论 -
HTML详述Tomcat中Tomcat目录结构
什么是Tomcat**Tomcat:**是一个Apache软件基金会Jakarta项目中的核心项目;是一个免费的开放源代码的轻量级Web应用服务器;运行时占用资源小,支持负载均衡与邮件服务等开发应用系统常用功能。Tomcat目录结构1、bin文件夹:存放了启动Tomcat软件的命令,这些命令可以在Windows和Linuxf操作系统上运行。2、conf文件夹:保存了配置Tomcat的配置文件。 server.xml: &nb原创 2020-07-22 10:01:49 · 207 阅读 · 0 评论 -
HTML中详述jQuery事件绑定方式
jQuery事件绑定方式1、bind()方法:bind(type,[data],fn):为每个匹配元素的特定事件绑定对应的事件处理函数,各参数含义如下:type表示事件类型,多个事件类型使用空格分隔;data表示传递给绑定函数的额外数据对象,函数中使用event.data接收(了解);fn表示绑定的函数;unbind(type,[data|fn]]):删除每个匹配的元素上已绑定的事件,如果没有参数,则删除该元素上绑定的所有事件。<!DOCTYPE html><html>原创 2020-07-19 17:27:52 · 436 阅读 · 0 评论 -
HTML中详述jQuery中的“$()”
jQuery对象jQuery对象:通过jQuery库自带的方法获取页面DOM元素的对象叫做jQuery对象,保存jQuery 对象的变量通常以$开头: var $userName = $("#user_name"); $userName.val(“Tom”);jQuery 对象是 jQ原创 2020-07-19 15:32:55 · 2441 阅读 · 0 评论 -
HTML中jQuery元素添加
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery-1.8.3.js" ></script> </head> </body></html>原创 2020-07-19 15:21:30 · 154 阅读 · 0 评论 -
HTML详述表单校验总结
一、文本框代码示例:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input id="name" /> <script> document.getElementById("name").focus();//获取id为name的焦点原创 2020-07-18 10:35:06 · 401 阅读 · 0 评论 -
HTML中常用标签总结
行内元素:行内元素:指不会自动换行,不满副标签。a标签:格式:<a href ="网址" target="_self"> 内容 </ a>作用:为一对尖括号中的内容添加超链接,超链接指向输入的网址,方式为target所定义的形式。用法:a标签中,有href与target两项标签属性值,分别对应网址与弹出方式。其中,target分为原页面弹出_self与新页面弹出_blank,其中,默认为原页面弹出。img标签:格式:<img src="图片存储位置" / >原创 2020-07-18 09:05:10 · 266 阅读 · 0 评论 -
HTML中详述获取元素对应JavaScript对象的四种方法
元素与标签:标签:指用一对<>括起来的标签的总称。元素:指从开始标签到结束标签的所有代码,元素包含内容多于标签。方法:getElementById()方法作用:获取id为指定内容的所有元素。代码示例:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> &l原创 2020-07-17 16:19:39 · 197 阅读 · 0 评论 -
HTML中详述setInterval()方法与setTimeout()方法区别
setInterval()用法:setInterval(“方法名”,时间);作用:每隔一段时间执行一次方法。代码示例:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script> function a(){ console.log(957)原创 2020-07-17 15:38:08 · 545 阅读 · 0 评论 -
HTML中如何给HTML元素添加事件
方法一:代码示例:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script> function test(){ console.log("hello world!"); } </script> </head> <body> <input t原创 2020-07-17 10:59:01 · 453 阅读 · 0 评论 -
HTML中substr()方法与substring()方法的区别
sunstr()方法sunstr()方法:用法:sunstr(start,length)以0开始计数,从start开始截取长度为length 的字符串。sunstring()方法sunstring()方法用法:sunstring(start,stop)以0开始计数,从start开始截取至stop的字符串,不包含start。代码示例:<script> var letters="zzu957wjq666"; console.log(letters); console.log(原创 2020-07-17 10:45:03 · 545 阅读 · 0 评论 -
HTML中如何实现时间在页面中实时更新
如何查询时间<script> var date = new Date(); var year = date.getFullYear(); var month = date.getMonth()+1; month=month<10?"0"+month:month; var day = date.getDate(); day=day<10?"0"+day:day; var week = date.getDay(); switch(week){ case 1:{原创 2020-07-17 10:11:24 · 3085 阅读 · 0 评论 -
HTML中详述总结JavaScript对象创建方式
JavaScript对象创建方式对象:在JavaScript中,对象是拥有属性和方法的数据。JavaScript自定义对象方式有以下7种:直接创建方式、对象初始化器方式、构造函数方法、prototype原型方式、混合的构造函数/原型方式、动态原型方式和工厂模式。这里为大家讲解常用的5种:直接创建式,初始化式,构造方法式,原型式和混合式。直接创建式创建语法:var 对象变量名 = new Object();对象变量名. property1 = value1;…;对象变量名. property原创 2020-07-16 17:48:33 · 214 阅读 · 0 评论 -
HTML中详述外边距样式属性(margin)与内边距样式属性(padding)
外边距样式属性(margin)外边距样式属性(margin):设置边框外的距离。属性:margin-top样式属性,margin-bottom样式属性,margin-left样式属性和margin-right样式属性。代码示例:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body>原创 2020-07-15 11:39:20 · 27591 阅读 · 0 评论 -
HTML中详述四类伪类选择器
伪类选择器伪类选择器:CSS 伪类用于向某些选择器添加特殊的效果,语法结构如下:选择器:伪类 { declaration1; declaration2; …}伪类共有四种::link,:vistied,:hover和:active。:link作用:向未被访问的链接添加样式。:vi原创 2020-07-14 17:16:49 · 3765 阅读 · 0 评论 -
HTML中六类主要选择器详述
选择器选择器:浏览器通过选择器为满足条件的HTML元素添加CSS样式。常用类型有六类:标签选择器,类选择器,id选择器,后代选择器,分组选择器和通配符选择器。标签选择器标签选择器:浏览器为HTML文档内标签名与标签选择器名相同的标签元素添加CSS样式,其语法如下:标签选择器名 {declaration1;declaration2;…}代码示例:<style> h1{ color: yellow; font: "微软雅黑"; }</style>&l原创 2020-07-14 11:03:31 · 861 阅读 · 0 评论 -
HTML中form表单详述
form表单<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>form 表单</title> </head> <body> <!-- action:指定表单数据目的地 method:设置使用哪个方法处理请求get -doGet; post- doPost; get:地址栏显示数据,所以数据原创 2020-07-13 16:03:13 · 240 阅读 · 0 评论 -
HTML中的form表单详述
form 表单<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>form 表单</title> </head> <body> <!-- action:指定表单数据目的地 method:设置使用哪个方法处理请求get -doGet; post- doPost; get:地址栏显示数据,所原创 2020-07-13 16:00:05 · 250 阅读 · 0 评论 -
HTML中表格
HTML中表格标签<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> table{/*为页面中所有table标签添加样式*/ width: 720px;/*设置表格宽度*/ margin: 0 auto;/*设置表格水平居中*/ border:black 1px solid;/*原创 2020-07-13 09:30:42 · 100 阅读 · 0 评论