![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
mr_orange_klj
这个作者很懒,什么都没留下…
展开
-
一种防止页面后退的实现方法(jsp)
当用户退出系统后,如果再重新打开登录后的页面,应该跳转到一个提示用户未登录的页面,这很容易做到,只要在jsp页面的头部加上验证session的代码既可以。但是由于浏览器有缓存,可以后退,如果退出系统后后退,则还是可以打开退出前的用户页面。如何禁止后退以后加载缓存的页面呢?在网上搜到一种方法,就是设置jsp不可缓存,代码如下:<% response.setHead原创 2015-01-16 15:03:22 · 5573 阅读 · 0 评论 -
去除inline-block元素间间距的N种方法
一、现象描述真正意义上的inline-block水平呈现的元素间,换行显示或空格分隔的情况下会有间距,很简单的个例子: 间距就来了~~我们使用CSS更改非inline-block水平元素为inline-block水平,也会有该问题:.space a { display: inline-block; padding: .5em 1em;转载 2017-06-29 21:39:32 · 348 阅读 · 0 评论 -
div使用margin:0 auto居中后,如何使子div实现流式布局
一个Div包含了多个子Div,并且子Div使用了浮动后,父Div确不能被撑开,如下图:部分代码如下:1 style>2 #div1{border:1px solid red;float:left;}3 #div2,#div3{float:right;border:1px solid blue;}4 style>5 6 div id="div1原创 2017-06-28 16:16:26 · 807 阅读 · 0 评论 -
css通用小笔记03——浏览器窗口变小 div错位的问题
我最近写网页的时候,经常碰到一个普遍的问题,经过我的查阅和尝试,终于解决了这一问题,这里有两种方法提供给大家,如果博友还有更好的方法,欢迎补充。一.使用min-width属性:我们先看看下面这段代码(html): 1 html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 2 head>转载 2017-06-29 22:26:27 · 792 阅读 · 0 评论 -
css: display:inline-block的几个问题
display:inline-block使用起来有几个问题,这里总结一下。1.inline-block元素即使没有内容,父元素也会被撑开.用以下代码设置元素样式: 效果:虽然内部的div没有任何内容,而且审查元素的高度为0,但是父元素被撑开了。原因:inline-block的元素 没有内容的时候,父元素会根据 font 产生一个 line原创 2017-07-18 15:18:09 · 640 阅读 · 0 评论 -
inline-block元素与父div底边之间的间距问题(inline-block与vertical-align:baseline)
在一些情况下,inline-block的元素距离父div底边会有距离,让我们看一下例子:例子1,两个inline-block元素,设定了固定的宽高,第一个有文字,第二个没有文字:<!--css--> .div1{ background-color: red; color: white;}.div2{ background-color: blue; dis...原创 2017-07-18 15:17:38 · 1996 阅读 · 0 评论 -
::net content-length mismatch
今天碰到了这样一个错误:请求一张图片加载半天才有反应,浏览器控制台提示::net content-length mismatch原因是这样:这样图片并不是请求图片资源,而是通过servlet读取文件然后输出给浏览器,由于文件不存在,因此在文件输出阶段(就是通过response.outputstream输出流输出时)跳过了,但是在响应头里加入了content-length,而这个content-原创 2017-08-16 11:47:31 · 809 阅读 · 0 评论 -
不想提交表单但是想利用表单校验功能
submit表单会先校验required项是否输入,如果校验通过,执行method(),然后提交表单,由于action="javascript:;",表单最终不会提交原创 2017-10-29 16:59:30 · 442 阅读 · 0 评论 -
(转)Element和Node的区别你造吗?
原文:https://blog.csdn.net/kkkkkxiaofei/article/details/526083941.写在前面 一个简单的页面: 1 2 3 4 5 6 7 8 9 10 11body里的直系子元素一共有三个:h,p,div。我们可以用document.body.childNodes查看, 结果如下:问题...转载 2018-08-10 12:12:35 · 5116 阅读 · 0 评论 -
html5 div内放置img标签,div下边框与图片底边有一定距离
解决办法:设置img的vertical-align属性为"middle".原因:首先,浏览器并没有所谓的"HTML 5 模式",而是只有三种:怪异模式(Quirks),几乎标准的模式(Limited Quirks)和标准模式(Standards),其中几乎标准的模式和标准模式之间的唯一差异在于是否对元素给定行高(line-height)和基线(baseline)。几乎标准模式中,如果标转载 2017-04-20 20:53:45 · 5409 阅读 · 0 评论 -
手风琴效果框架
<!---->html,body{height:100%;font-family:"Microsoft YaHei";overflow: hidden;}.myheader {float: left;width: 100%;height: 50px;position: absolute;min-width:850px;}.main {height: 100%原创 2015-01-16 15:33:03 · 450 阅读 · 0 评论 -
html文件选择器,选择类型
原创 2015-01-16 15:35:36 · 799 阅读 · 0 评论 -
Data Url生成工具之HTML5 FileReader实现(图片转编码直接显示,不需经过服务器)
今天用HTML5 FileReader实现了一下Data Url生成工具,上代码吧:[html] view plaincopyhtml xmlns="http://www.w3.org/1999/xhtml" > head> meta http-equiv="Content-Type" content="text/html转载 2015-01-16 15:48:50 · 551 阅读 · 0 评论 -
url的定位问题
今天在写一个页面的时候,遇到了一个url的定位问题:工程目录的url是localhost://mpyyglxt,目录下有一个文件夹pharmacist,有一个pharmacist.jsp页面.在该页面中,有一个指向quit.action的链接,一开始我写成quit.action。在进入pharmacist页面时,如果是servlet的转发进入,那么地址栏是localhost原创 2015-01-16 15:02:58 · 1173 阅读 · 0 评论 -
bootstrap简易登陆页
<%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%> "> 第一中学教师办公管理系统原创 2015-01-16 15:32:12 · 540 阅读 · 0 评论 -
chrome浏览器自动填充表单导致输入框样式改变
如果启用了自动填充表单,chrome浏览器会自动填充表单,自动填充的表单组件会使用.webkit-autofill的css样式,背景为浅黄色。且改属性是!import的。如果表单内的组件采用了自定义的样式,将可能被覆盖。原创 2015-12-11 17:18:19 · 1298 阅读 · 0 评论 -
禁止chrome浏览器自动填充表单的解决方案
经过测试,对chrome42,重写input: auto-fill样式不起作用,加上autocomplete="off"也不起作用。因此使用了两个隐藏的输入框:浏览器会将保存的信息填到这两个隐藏输入控件上,达到了想要的效果。原创 2015-12-17 20:01:00 · 11751 阅读 · 3 评论 -
探讨跨域请求资源的几种方式
什么是跨域JSONPproxy代理corsxdr 由于浏览器同源策略,凡是发送请求url的协议、域名、端口三者之间任意一与当前页面地址不同即为跨域。具体可以查看下表(来源) JSONP 这种方式主要是通过动态插入一个script标签。浏览器对script的资源引用没有同源限制,同时资源加载到页面后会立即执行(没有阻塞的情况下)。1 2转载 2016-07-13 09:23:00 · 893 阅读 · 0 评论 -
JS中mouseover和mouseout多次触发问题如何解决
问题描述我希望当鼠标移动到id1上的时候,id2显示,当鼠标离开id1的时候,id2显示。问题如下:1.当鼠标从id1上移动到id2上的时候,id由有显示变为不显示,然后变为显示2.当鼠标从id2上移动到id1上的时候, id2有显示变为不显示,然后变为显示我希望的是当鼠标在id1或者id2上移动的时候,id2一直显示,不发生变化。?转载 2017-04-17 23:36:55 · 3895 阅读 · 2 评论 -
float:left float:right 与 clear:left clear:right
float:left的元素后跟clear:right,将不会撑开容器,只有设置clear:left或clear:both才行。原创 2018-08-11 12:38:15 · 408 阅读 · 0 评论