
web前端
文章平均质量分 51
麦田
生命本来就是一束耀眼的花火...
展开
-
Edge浏览器自动给数字加下划线的解决方法
在Edge浏览器中会自动给符合某种规则的数字(比如电话号码、邮件等等)加下划线,如下图解决方法是在head中加入:<meta name="format-detection" content="telephone=no,email=no,address=no">原创 2020-06-10 22:14:26 · 1956 阅读 · 0 评论 -
EL表达式在JS中使用时有无双引号的区别
两种情况 一种是字符,一种是数字字符:后台type值为“你好nice”,如果是var type = ${type}则响应到浏览器的源码为 var type = 你好nice是错误的js格式,所以EL表达式的取值如果是字符串的话必须加引号如var type = "${type}" 就会被解析为var type = "你好nice"数字如果是数字的话引号可加可不加,要注意一点如果是以0开...原创 2020-04-26 21:08:06 · 996 阅读 · 0 评论 -
使用a href 文件下载 IE直接打开 内容乱码
生产环境遇到一个问题,页面中有一个a标签 href为文件的路径,IE浏览器无法下载,内容也为乱码,其他浏览器均正常。<a href="https://xxx/attached/file/20191112090721_279.docx" target="_blank">奖励活动北京获奖名单</a>一开始以为是不是使用这种方法 IE都不行,于是创建一个本地web项目,...原创 2019-11-14 09:01:54 · 2725 阅读 · 0 评论 -
hone hone clock人体时钟
hone hone clock是个十分有趣的人体时钟,这个时钟代码分两种一种是背景透明的,一种是白色背景的,把你喜欢的代码添加到你的网页中适当位置即可。两种代码如下:<script charset="Shift_JIS" src="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_tr.js"></script>原创 2014-09-09 22:29:28 · 23782 阅读 · 1 评论 -
form表单提交的几种方法
form表单提交的几种方法<form id="myform" name="myform" method="post" onsubmit="return sumbitTest();" action="RegisterAction.action"> 姓名: 性别: 男 女 年龄:原创 2014-12-12 21:40:58 · 61468 阅读 · 4 评论 -
markdown的超链接加上target='_blank'
markdown的超链接加上target='_blank'Markdown支持两种形式的链接语法:行内式和参考式两种形式。不管是哪一种,链接文字都是用 [方括号] 来标记。要建立一个行内式的链接,只要在方块括号后面紧接着圆括号并插入网址链接即可,如果你还想要加上链接的title文字,只要在网址后面,用双引号把title文字包起来即可,例如:原创 2015-01-11 21:29:24 · 14335 阅读 · 4 评论 -
多说实现界面优化
之前就感觉这个默认的界面有点丑(当然是我自认为),但又指不出来是哪里。本来的初衷只是想改一下评论框里的提示文字,Google百度了很多资料 楞是没找到。最后发现在多说的后台管理里是可以自定义的 ⊙﹏⊙b汗查资料的过程中,发现了别人的一些样式风格,于是借鉴一下,就这样顺便也把我这个给改了...原创 2015-01-27 21:12:37 · 2397 阅读 · 1 评论 -
Simditor使用方法
一不小心接触到Simditor,瞬间被它优美极简的界面所吸引。Simditor是Tower开源的所见即所得的在线富文本编辑器。Simditor的理念是保持简单,避免过度的功能,每一个特性都追求极致的用户体验。使用方法1、在你的html页面中引用如下文件原创 2014-10-27 22:22:05 · 17755 阅读 · 6 评论 -
Bootstrap之表格
基本实例为任意标签添加.table类可以为其赋予基本的样式—少量的内补(padding)和水平方向的分隔线。原创 2014-07-30 21:33:15 · 3558 阅读 · 1 评论 -
xhEditor实现插入代码功能
如果大家经常使用优快云或者其他技术博客,都会有插入程序代码或脚本功能原创 2014-08-13 20:26:39 · 3955 阅读 · 6 评论 -
SyntaxHighlighter代码高亮插件
SyntaxHighlighter是Google Code上的一个开源项目,主要用于给网页上的代码着色,使用十分方便,效果也不错,而且几乎支持常见的所有语言。使用步骤:一、下载并解压缩SyntaxHighlighter(xxx)当前版本3.0.83二、引入文件将解压后的scripts和styles文件夹复制到项目中,在页面中引入shCore.js和核心CSS文件shCore.css其次引入你要高亮原创 2014-08-14 22:00:54 · 6453 阅读 · 4 评论 -
xhEditor struts2实现图片上传
xheditor的环境搭建请参考xxx ,这时我们打开图片功能 是没有上传按钮的原创 2014-08-12 21:46:06 · 3226 阅读 · 1 评论 -
Markdown之表格table的处理
发现table加了个class属性,如果只是table标签 将不起作用。table-bordered:带圆角边框和竖线table-striped:奇偶行颜色不同table-condensed:压缩行距除了以上另外还有其他可供选择:1、如果需要表头跟内容不一样,可以将<td>表头内容</td>换成<th>表头内容</th>。2、如果表格内文需要换行,可以在要换行的内容后加入<br>,后面的内容就会跑到下一行。3、如果内文中有代码,需要特别显示,可使用:<code>代码</code>。4、如果原创 2015-03-07 22:19:08 · 20443 阅读 · 3 评论 -
空格 在不同浏览器中显示距离不一致问题解决方法
在ie、firefox、chrome浏览器上显示的效果不太一样,主要是前面的空格宽度不同。网上资料说不同的浏览器会有不同的默认字体,一般 IE默认字体都是宋体,而firefox和chrome的默认字体是Times New Roman,宋体是字符等宽的字体,但Times New Roman不是字符等宽的字体,因为浏览器默认字体的不同,空格符 在不同的浏览器下面的显原创 2014-05-27 20:49:13 · 16350 阅读 · 3 评论 -
HTML语句判断IE浏览器版本
在编写网页代码时,各种浏览器的兼容性是必须要考虑的问题,特别是IE内部各版本的区别,比如IE6,7,8,9等等可以使用如下语句来进行判断:<!--[if IE 9]><script>alert("IE9");</script><![endif]--> <!--[if IE 8]><script>alert(&quo原创 2019-03-26 09:04:09 · 3059 阅读 · 0 评论 -
jsp中获取当前文件路径 .
<% String path1 = application.getRealPath(request.getRequestURI()); //当前请求的JSP文件的物理路径 String path2 = application.getRealPath("/"); //当前WEB应用的物理路径 String path3 = ...原创 2013-11-08 22:47:36 · 510 阅读 · 0 评论 -
每天记录点点滴滴
一 关于Jquery 1,jsp页面中一定不要忘了引入jquery.js文件 2,表单一定要有Id属性或者name属性 3,绑定事件 方法 二 判断登录是否成功 jquery.ajax $.ajax({ type: "POST", url: "check", data: "username原创 2011-10-24 22:30:14 · 1505 阅读 · 0 评论 -
Bootstrap网站模板
基于上一篇文章,觉得再这样写下去,意义不大,决定收手。还是直接做一个简单的基础模板吧主要知识点包括栅格系统、响应式图片、导航条(固定在顶部和底部)、搜索框等等原创 2014-07-31 23:32:08 · 7356 阅读 · 4 评论 -
window.frames在不同浏览器中的用法
document.frames 等同于 window.frames,用来取得当前页面内 window 对象的集合。不支持Firefox,其他浏览器(chrome、opera、IE、360)均支持。frames为 的name属性值解决方法:使用window.frames[‘framename‘] 代替 document.framename注意:window.frames[‘fr原创 2016-05-11 18:00:54 · 8491 阅读 · 0 评论 -
table中设置tr行间距
CSS border-collapse 属性设置表格的边框是否被合并为一个单一的边框 值 描述 separate 默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性。 collapse 如果可能,边框会合并为一个单一的原创 2016-01-08 23:04:05 · 176309 阅读 · 9 评论 -
让IE支持placeholder属性
placeholder 属性提供可描述输入字段预期值的提示信息该提示会在输入字段为空时显示,并会在字段获得焦点时消失。但placeholder不支持IE10以下版本在页面中只需引入placeholder.js即可/* * jQuery placeholder, fix for IE6,7,8,9 * @website itmyhome.com */var JPlaceH原创 2016-01-01 22:27:30 · 4201 阅读 · 3 评论 -
JS回车提交表单
JavaScript实现方法document.onkeydown = function(e) { if (!e) e = window.event;//火狐中是 window.event if ((e.keyCode || e.which) == 13) { document.getElementById("loginButtonId").click(原创 2015-08-09 22:54:45 · 4163 阅读 · 1 评论 -
jQuery获取select中所有option值
请选择 Java PHP Jekyll$(function(){ var array = new Array(); //定义数组 $("#language option").each(function(){ //遍历所有option var txt = $(this).val(); //获取optio原创 2015-07-09 22:43:02 · 27334 阅读 · 1 评论 -
xhEditor入门基础
一、下载最新版本xhEditor:http://xheditor.com/download (官网无法下载,优快云提供下载:xxx)二、将下载的压缩文件解压缩,上传其中的xheditor.min.js以及xheditor_lang、xheditor_emot、xheditor_plugins和xheditor_skin 四个文件夹到网站相应文件夹中。 注:如果您没有原创 2014-08-11 22:25:05 · 2935 阅读 · 2 评论 -
蓝天下,献给你,html5
HTML5果真是未来的王者吗 这真是一篇操蛋的文章我到底想表达什么呢不解写了第一个hello html5程序跟当年学java一样,hello worldhtml5中有一个验证email的标签这在以前是没有的,可以自动验证是否是email格式虽然如此的没有含量,但它开启了一个无知的孩子对未来的探索 w3cSchool中 HTML5教程的第一个实例原创 2012-05-19 23:10:48 · 2041 阅读 · 2 评论 -
A标签中通过href和onclick传递的this对象
A标签测试想获取A 中的innerHTML如果href="test(this);" 不但获取不到值,而且程序将退出,href引向不对。function test(obj){ alert(obj); //js alert(obj.innerHTML); //jquery alert($(obj).html());原创 2013-04-18 19:11:02 · 4084 阅读 · 0 评论 -
你真的已经搞懂JavaScript了吗?
题目一:if (!("a" in window)) { var a = 1;}alert(a);题目二:var a = 1, b = function a(x) { x && a(--x); };alert(a);题目三:function a(x) { return x * 2;}var a;al翻译 2013-04-14 13:16:38 · 2367 阅读 · 1 评论 -
文本框和密码框长度不一致 解决办法
做登录的时候我们经常用如下两行代码: 可是在不同的浏览器下,显示的长度却是不同的,在IE8下密码框就比用户名框稍微短了一点。解决办法就是为其设置样式 style="width:150px"如下: 未加样式前:加入样式后:原创 2012-01-04 22:03:53 · 3268 阅读 · 5 评论 -
AJAX实现简单的省市二级联动
基本思路:前台的下拉框值改变时,AJAX将值传入后台的servlet进行处理,根据不同的值返回不同的JSON数据,然后前台进行解析成字符数组,添加到option中.index.jsp<% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + reques原创 2011-12-13 10:40:30 · 5465 阅读 · 2 评论 -
<a href="" />,<a href="#" />与<a href="javascript:void(0)" />的区别
#包含了一个位置信息默认的锚点是#top 也就是网页的上端,javascript:void(0) 仅仅表示一个死链接.如果仅仅是为了测试,最好用这个。而如果href=""为空的话,则会链接打开该文件所在的地址。原创 2011-12-13 17:27:29 · 2403 阅读 · 0 评论 -
动态添加表格行-兼容IE firefox
document.createElement(option); 在firefox下 创建元素不能含有属性以及" var oTR = new Array(); var index = 0; var id=0; function add(){ id = id+1; oTR[index] = document.createElem原创 2011-12-09 16:33:00 · 2445 阅读 · 0 评论 -
使文本框或文本域最大化的充满整个表格
textarea{ border:1; //可根据需要修改有无边框显示长度和宽带 overflow:auto; height:100%; width:100% } input{ border:1; overflow:auto; height:99%; width:96% } HTML代码:原创 2011-12-08 12:23:26 · 8347 阅读 · 0 评论 -
使<td>中的内容不换行
表格table中的td单元格中,内容过长会自动换行,但换行后的效果有时很不美观,为了不让其换行,可有如下操作:在td标签中有nowrap属性 设置其为:这里的字符串很长,但没关系,不会换行的。如何要让所有的td都不换行,现在这样一个个设置太麻烦了,可利用CSS来控制 td{ white-space: normal; } 参考链接:点击打开链接原创 2011-12-01 16:48:45 · 10534 阅读 · 0 评论 -
requestScope含义
requestScope表名一个http请求的整个生命周期,它只是一个定义而已,不是一个对象。${requestScope.info}就等价于request.getAttribute("info");request.getAttribute() 这个方法可以取出指定名称的这个属性的值。request.getParameter() 这个方法可以获得客户端提交到服务器的参数。原创 2011-11-22 23:18:51 · 2990 阅读 · 1 评论 -
css笔记
@import url("a.css");---------------------#p1 ID选择符.p1 类选择符 -------------------div:first-letter 只格式化第一个字母div:first-line 只格式化第一行-------------------a:link 未访问a:visited 访问后a原创 2012-09-14 22:56:53 · 1658 阅读 · 0 评论 -
jsp两种包含方式
jsp中存在两种文件的包含指令1、<%@include file="xxx.jsp" %>2、<jsp:include page="xxx.jsp"></jsp:include>第一种是先包含再处理 它是一种静态的包含指令,不管其文件内容如何只是将其所包含的页面内容包含进来。第二种是先处理再包含 它是动态的包含指令,能自动区分所包含的是静态页面还是动态页面执行时,如果被包含文件(资源文件)为静态文件,则与<%@include file="xxx.jsp" %>执行效果一样,如果资源文件为动态文件原创 2013-10-15 18:00:08 · 2378 阅读 · 0 评论 -
jquery实现短信群发功能(机试题)
一机试题要求实现大概短信群发功能,就是选择一些人,输入短信内容 然后发送,可用swing,html+js,jquery,android亦可。主要要求时界面美观,友好。我实现的界面如下,美不美观就不说了,先实现功能。test.html 请选择要发送的人员: 张三原创 2013-06-06 18:52:47 · 3591 阅读 · 2 评论 -
c:forEach 实现换行
<tr> <c:forEach items="${map}" var="note" varStatus="status"> <c:if test="${status.index%2==0}"> </tr> <tr> </c:if> <td>${note.key }</td> <td>${note.value }</td> </c:forEach></tr>原创 2013-08-27 21:48:41 · 4271 阅读 · 0 评论 -
fancybox关闭弹出窗口parent.$.fancybox.close();
fancybox弹出窗口右上角会自带一个关闭窗口,并且点击遮罩层也会关闭fancybox有时我们不需要这样进行关闭,隐藏关闭窗口,并且遮罩层不可点击在弹出窗口页面加一链接进行关闭使用parent.$.fancybox.close();可进行对其关闭以下为弹出页面的代码:原创 2014-07-29 20:28:06 · 14003 阅读 · 1 评论 -
在HTML中,标记<font>的Size属性最大取值
写代码测试一下: function test(){ var str = ""; for(var i = 1; i <= 10; i++){ str += ""+ i +" "; fontest.innerHTML = str; } } Google Google Google Google Google原创 2013-05-28 13:42:46 · 19874 阅读 · 1 评论