
java web
Start20131218
爱编程,爱生活
展开
-
overflow:hidden;text-overflow:ellipsis;在table的td中失效?
为什么 overflow:hidden;text-overflow:ellipsis;在table的td中失效没有...出现呢?废话不多少直接上解决方案:在table的css样式中设置:table-layout:fixed;在table td的css样式中设置: overflow:hidden;text-overflow:ellipsis;这就是你想要的效果了。原创 2013-12-31 20:24:35 · 3231 阅读 · 1 评论 -
为国内360用户,IE用户设计的高性能网站
从相关统计数据显示,国内还是以IE用户为主!所以我们开发Webd原创 2014-08-22 09:34:27 · 610 阅读 · 0 评论 -
如何在IE8下使用arrays.indexOf(“元素”)来获取元素的下标
在写js的过程中,免不了对数组的操作。如何快速的获取数组中某个元素的下标呢?如何获取IE8(IE8以下不考虑)中数组的下标呢?请看实例:var datas = ['aaa','bbb','ccc'];var color = ['#fff','#eee','#aaa'];在已知color=‘#eee’时,获取datas中的bbb:datas[color.indexOf('#eee原创 2015-01-28 10:03:35 · 972 阅读 · 0 评论 -
HTML的不同标签在SEO优化中的权重分数
一、HTML标签权重分值排列内部链接文字:10分标题title:10分域名:7分H1,H2字号标题:5分每段首句:5分路径或文件名:4分相似度(关键词堆积):4分每句开头:1.5分加粗或斜体:1分文本用法(内容):1分title属性:1分 (注意不是, 是title属性, 比如a href=… title=”)转载 2015-01-02 14:01:28 · 1165 阅读 · 0 评论 -
10个值得收藏的实用HTML5代码片段分享
HTML5是WEB技术发展的重要的里程碑,对于前端开发来说,如果能够找到一些未来大家开发中可能需要经常重复使用的代码的话,相信大家一定不会拒绝,下面是我们精心收集的10多个HTML5代码片段,相信大家一定喜欢!HTML5的最简单模板如果你需要开始一个新的HTML5项目的话,大家肯定会需要一个最简单的模板,这里是一个非常简单并且清晰的HTML5模板,相信大家会喜欢!转载 2015-01-02 14:53:35 · 801 阅读 · 0 评论 -
实用HTML标签语法大全
HTML语法大全a卷标 , 属性名称 , 简介 批注 跑马灯 …普通卷动 …滑动 …预设卷动 …来回卷动 …向下卷动 …向上卷动 向右卷动 向左卷动 …卷动次数 …设定宽度 …设定高度 …设定背景颜色 …设定卷动距离 …设定卷动时间 字体效果 …标题字(最大) …标题字(最小) …粗体字 …粗体字(强调)转载 2015-01-02 13:11:19 · 621 阅读 · 0 评论 -
HTML网页的META标签常用写法与功能介绍
//设定页面语言为简体中文//设定关键字//设定描述//设定该页面30秒自动刷新//设定允许搜索引擎可以检索,页面上链接可以查询//针对google的搜索机器人设定允许搜索引擎可以检索,页面上链接可以查询//页面作者//页面版权//设定回访为1天META标签分两大部分:HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。转载 2015-01-02 13:47:34 · 658 阅读 · 0 评论 -
10条有效提高网站易用性的代码技巧分享
WebAIM团队博客的一篇关于网站易用性的文章,比较基础,简单翻译一下:1. 给你的logo添加替代文本这样有两个好处:屏幕阅读器能识别logo图片代表的含义,图片未加载到时,也能告诉非视障用户那里是你的logo。几种方法:或者,你用背景图来实现logo的话,也可以添加title属性来实现: 当然,链接+背景图的方式是最好的,但最好也加上title属转载 2015-01-02 14:48:08 · 854 阅读 · 0 评论 -
HTML中的文本框textarea标签
用来创建一个可以输入多行的文本框,此标志对用于标志对之间。具有以下属性: (1)onchange指定控件改变时要调用的函数(2)onfocus当控件接受焦点时要执行的函数(3)onblur当控件失去焦点时要执行的函数(4)onselect当控件内容被选中时要执行的函数(5)name这文字区块的名称,作识别之用,将会传及 CGI。 (6)cols这文字区块的宽度。 (7)转载 2015-01-02 13:33:15 · 1375 阅读 · 0 评论 -
如何在网页中使用H1标签
H1标签是网站排名非常重要的一个因素,因此我们一定要正确使用它。本文为你介绍H1标签使用的七大注意事项:1.每个页面都应该有H1标签,H1标签是每个网页不可缺少的要素。2.使用H1标签的内容应该简洁明了;3.H1标签要尽量出现在源文件代码的开头的部分,这样可以让访问者和搜索引擎蜘蛛能尽快了解页面的内容。4.每个页面的H1标签元素的内容应该是不一样的,每个页面转载 2015-01-02 13:38:36 · 1491 阅读 · 0 评论 -
html文件如何包含外部文件?
在论坛中常常有网友问到,可以在一个html的文件当中读取另一个html文件的内容吗?答案是确定的,而且方法不只一种,在以前我只会使用iframe来引用,后来发现了另外的几种方法,那今天就总结这几种方法让大家参考一下,本人觉得第三种方式较好!1.IFrame引入,看看下面的代码程序代码你会看到一个外部引入的文件,但会发现有一个类似外框的东西将其包围,可使用:程序代转载 2015-01-02 13:41:24 · 552 阅读 · 0 评论 -
前端开发人员常用网站
前端开发,对于初学者来说,可能会有一种无从下手的感觉。我也经历过。我的前端指路完全是一个人在摸索,没有导师,没有大牛。现在的我依然迷茫。请各位大牛指导。原创 2015-02-13 16:23:02 · 1219 阅读 · 0 评论 -
常用JavaScript代码
一、取URL中的参数 function getParameterByName(name) { var match = RegExp('[?&]' + name + '=([^&]*)') .exec(window.location.search); return match转载 2015-06-08 17:29:36 · 370 阅读 · 0 评论 -
JavaScript 开发的45个经典技巧
JavaScript是一个绝冠全球的编程语言,可用于Web开发、移动应用开发(PhoneGap、Appcelerator)、服务器端开发(Node.js和Wakanda)等等。JavaScript还是很多新手踏入编程世界的第一个语言。既可以用来显示浏览器中的简单提示框,也可以通过nodebot或nodruino来控制机器人。能够编写结构清晰、性能高效的JavaScript代码的开发人员,现如今已成转载 2015-06-08 16:31:09 · 891 阅读 · 0 评论 -
如何判断浏览器的类型?
在前端开发中,不可避免的问题就是浏览器的兼容性问题。那么,如何才能获取到浏览的类型呢?请看代码:if (navigator.userAgent.indexOf("MSIE") > 0) {} else if (navigator.userAgent.indexOf("Safari") > 0) { } else if (navigator.userAgent.inde原创 2015-06-11 16:20:21 · 578 阅读 · 0 评论 -
获取/设置input中的鼠标光标位置
在我们实现字符分隔时,在一定的程度上增加了用户体验。但是使用replace时,不能控制光标的位置。如何设置呢?步骤:1、获取光标位置:var pos = this.selectionEnd;//获取鼠标位置2、设置光标位置:this.setSelectionRange(pos,pos);//设置鼠标位置OK。你搞定了!原创 2015-07-06 17:26:14 · 15907 阅读 · 0 评论 -
Java 文件上传与下载
注:本文章是抄袭大牛的。依赖插件:common-fileupload与common-ioJSP: 文件上传 上传用户: 上传文件1: 上传文件2: web.xml: UploadHandleServlet转载 2015-11-04 14:00:51 · 781 阅读 · 0 评论 -
引用bootstrap前端框架的table样式类class="table-striped"后,如何点击tr改变背景色?
序号项目名称建筑类型改造建筑面积(m2)建造节能标准项目状态原创 2014-07-11 15:32:35 · 11954 阅读 · 0 评论 -
使table中td的内容不换行显示,多余时出现省略号
table中td固定宽度不换行方法:一、一、内容原创 2014-07-29 14:31:21 · 12376 阅读 · 1 评论 -
背景图片自适应浏览器大小
在网页开发中,我们不可能永远用绝对布局来开发网页。当然,大家对div,table等等的百分比布局非常熟悉。今天我要记录的就是背景图片的自适应大小。相信很多和我一样的菜鸟都在期待这个问题吧!请看源码:背景图片自适应大小*{margin:0;padding:0;}div.fullscreen{margin:0;padding:0;position:absolute; width:1原创 2014-01-03 11:04:31 · 730 阅读 · 0 评论 -
改变网页文章字体大小
在项目开发中我们不得不考虑用户体验。今天我就来说说改变网页字体大小来改变用户体验。请看代码:改变文章字体 *{margin:0;padding:0;text-align:center;}.size{margin:10px auto;}.content{margin:20px auto;width:80%;}function changeSize(si原创 2014-01-02 23:52:57 · 893 阅读 · 0 评论 -
网页开发中如何获取tabel中tr下的第一个td?
近期开始编写web前端代码,发现在用tabel布局中,时常需要将table中tr下的第一个td,设置成与其他td不同的样式。如何设置呢?请看代码: TD #0TD #1TD #2 TD #3TD #4TD #5 TD #6TD #7TD #8 TD #9TD #7TD #8 TD #6TD #7TD #8 T原创 2013-12-20 17:16:21 · 6838 阅读 · 0 评论 -
网页中显示内容过多,如何从bottom回到top
web前端开发中避免不了要在页面上显示很多文章,如何在能从文中,文末点击快捷的链接返回顶部呢?其实很简单,就是你没想到而已!请看下面: 共需要两个步骤: 1.我们在网页body内最上面添加一个 2.在我们需要点击的位原创 2013-12-20 17:41:41 · 693 阅读 · 0 评论 -
jsp 设置自己喜欢的input:file样式
在web前端开发的过程中,我们难免不会遇上文件上传的功能。但是自带的input:file样式也太丑了,如何设置自己喜欢的样式呢?我们要做如下几步:1.input:file隐藏2.在input:file上设置自己的input:text and input:button。代码如下:yourClassName" name="filePath" id="filePath"/>原创 2013-12-23 10:01:22 · 4573 阅读 · 0 评论 -
js 如何验证上传文件的类型?
java web 开发中,文件上传时限制文件类型:直接上代码:function checkFileTypeReport(name,file){var extArray = new Array(".doc",".docx");var allowSubmit = false;if (!file){ return; } whil原创 2013-12-23 11:53:16 · 736 阅读 · 0 评论 -
java web 实现图片上传前的预览
要实现图片预览,我们必须限定上传的文件是图片文件。这个限制在上一篇有。如有不明白的,可以去看看。实现预览我们可以用:jquery的相关功能实现。1.在工程中加入JQuery的包。2.在jsp页面引入Jquery。3.用代码实现预览功能。需要我们编写的代码如下:$(function () { $('#txtfilePath1').uploadReview({原创 2013-12-23 13:36:53 · 3379 阅读 · 0 评论 -
日期选择器:jquery datepicker的使用(转)
网页开发中,为了控制用户输入的合法性,提高交互性。在输入日期时,我们选择jquery插件来实现相关功能。注:demo并非原创。意在传播技术,方便大家学习。先给出一段简短的代码:jsp: 日期:script:$("#date_1").datepicker();效果:弹出日期选择框。请您选择。下载地址:http://download.youkuaiyun.com/detail/cs1992转载 2013-12-24 15:19:56 · 695 阅读 · 0 评论 -
background 的巧用
在网络时代的今天,我不得不感叹一下,浏览器的百花齐放,百家争鸣!!!!他们的竞争却给我们这些苦逼的程序员带了灾难。今天写程序时遇到一个关于Background的小问题。纠结了一下午。终于搞定了!具体如下:用li做导航条,并且设置一个导航图片。我用的方法是,div+ul+li+background。具体代码如下:jsp: 政策法规原创 2013-12-25 15:33:00 · 594 阅读 · 0 评论 -
Jquery 模仿Baidu、Google收索时提示输入结果
好程序就是懒人喜欢的程序。好程序员就是懒人程序员。昨天研究了一下Jquery 模仿Baidu、Google收索时自动补充收索结果的提示,感觉效果还行。特意和大家分享一下。所需Jquery插件。请看代码:$().ready( function () {$(":text").result(auto); function auto(data){$("#keyW原创 2013-12-26 11:29:54 · 1112 阅读 · 0 评论 -
JQuery弹出炫丽对话框,背景变灰色
这段时间在做开发时,用到了JQuery弹出炫丽对话框,背景变灰色。特地和大家分享分享。先看效果图:代码如下:JQuery弹出框,背景变灰色$(document).ready(function(e) { $( "#reviews" ).bind('click',function(event) { $( "#checkandPass"原创 2014-01-10 10:42:09 · 2619 阅读 · 0 评论 -
正则表达式之电话,邮箱,邮编篇
正则表达式在web应用开发中必不可少的。当然网上也有很多正则式,只是不能达到预期要求。我写的这几个正则式都是我需要的。首先看电话篇:电话分为座机,手机两种。座机验证之正则式:/^((0\d{2,3})-)?(\d{7,8})(-(\d{3,}))?$|(0\d{10})$/。符合023-57613415,02357613415,57613415,0825-5401213,082554012原创 2014-01-10 09:26:51 · 16817 阅读 · 0 评论 -
web table 设置1px的边框?
你是否有这样的感觉:用table布局网页,设置了border为1px怎么还是觉得很粗?通过css怎么设置table or td 的border都不能达到1px呢?它还重叠在一起呢!!解决方案:设置table的CSS为{border-collapse:collapse;border:none;}再设置td的CSS为{border:solid #000 1px;}亲,恭喜你。问题解决了原创 2013-12-26 20:35:00 · 1008 阅读 · 0 评论 -
点击登录按钮弹出登录层(HTML+JS)
由于审美的需要,我们常常要实现点击某个特定的登陆按钮,然后弹出相应的登陆框。今天我也来分享一下……本例子非常简单,说白了就是对JQuery的应用。就看你的熟练程度了。本例子只在追求相关功能的实现。界面布局神马的不在范围之内。先看源码: 登录 用户名 密码原创 2014-02-25 11:21:35 · 19498 阅读 · 0 评论 -
黑客帝国数字矩阵效果
闲来没事儿做,找了段黑客帝国中的数字矩阵代码。与大家分享一下……这不是我写的哦……代码: id="q"> type="text/javascript"> var s = window.screen; var width = q.width = s.width; var height = q.原创 2014-02-26 17:31:26 · 2638 阅读 · 0 评论 -
兼容IE7,IE8的背景渐变色
background: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#aaa)); /** Chrome Safari **/ background: -moz-linear-gradient(top, #eee, #aaa); /** FireFox **/ background: -o-linear-gradien转载 2014-05-05 09:52:09 · 4683 阅读 · 0 评论 -
如何让textarea、kindeditor的高度自适应呢?
好久好久好久没有写过博客了。今天继续积累一点点吧。如何让textarea、kindeditor的高度自适应呢?解决方案如下:textarea解决方案:html:css:#mark{width:100%;max-height:200px;resize:none}js: $('textarea').each(function(){ $(this).bind('in原创 2016-06-30 16:29:34 · 5406 阅读 · 0 评论