Html/Css/JavaScript
文章平均质量分 53
gwpJava
这个作者很懒,什么都没留下…
展开
-
对自由变量的理解
转载自:http://www.cnblogs.com/wangfupeng1988/p/3992795.html 建议查看原文 原文中还有其他更为精彩的文章 非常的经典 建议去看先解释一下什么是“自由变量”。在A作用域中使用的变量x,却没有在A作用域中声明(即在其他作用域中声明的),对于A作用域来说,x就是一个自由变量。如下图如上程序中,在调用fn()转载 2015-11-18 15:56:18 · 8340 阅读 · 2 评论 -
消除点击超链接 按钮时出现的虚线
a,input,button{ outline:none; }::-moz-focus-inner{border:0px;}原创 2013-12-23 09:22:25 · 661 阅读 · 0 评论 -
javascript计算小数保留两位小数,多位小数的方法
SCRIPT LANGUAGE="JavaScript">function formatFloat(src, pos){ return Math.round(src*Math.pow(10, pos))/Math.pow(10, pos);}alert(formatFloat("1212.2323", 2));//-->SCRIPT>转载 2013-12-21 18:55:55 · 913 阅读 · 0 评论 -
jQuery之下拉框左右选择
就是实现这个效果的,选中添加到右边,全部添加到右边,选中删除到左边,全部删除到左边。html部分: class="centent"> select multiple="multiple" id="select1" style="width:100px;height:160px;"> "1">选项1 "2">选项转载 2013-12-13 17:16:35 · 1179 阅读 · 0 评论 -
iframe包含的position:fixed无效的原因
aa.html中含有iframe标签 iframe的src指向bb.html 在bb.html中 有个div的position的值为fixed 此时如果通过直接打开aa.html 则那个含有position:fixed的div无法随着滚动条的滚动而滚动 如果直接打开bb.html 则该div可以随着滚动条的滚动而滚动 其原因是因为直接打开aa.html的话 拥有position:fixed的div原创 2013-11-14 14:57:17 · 4725 阅读 · 0 评论 -
判断浏览器是不是chrome
navigator.userAgent.toLowerCase().match(/chrome/) != null 如果是true 表示是chrome 如果是false 则表示是其它的浏览器原创 2013-11-14 15:03:52 · 1870 阅读 · 1 评论 -
myEclipse保存jsp文件时报错:some characters cannot be mapped using "ISO-8859-1" character encoding
Reason:some characters cannot be mapped using "ISO-8859-1" character encoding.Either change the encoding or remove the characters which are not supportedby the "ISO-8859-1" character encoding.原创 2013-11-09 09:48:51 · 1376 阅读 · 0 评论 -
实现table表头固定 内容滚动效果
html> head> style type="text/css"> /*所有内容都在这个DIV内*/ div.all { border: 3px solid #FF00FF; width: 80%; /*这个宽度可根据实际需要改变*/ clear: right;转载 2013-11-21 15:25:48 · 7264 阅读 · 0 评论 -
取消enter键提交表单
在HTML页里面由于使用了form,常常需要禁用enter提交表单。因为内容页或者母版页自身有如果有type="submit"的button,当textbox聚焦时,按下enter都会触发表单的默认提交(不论是IE还是firefox),于是需要在onkeydown中监听用户的按键。实际测试,IE8中导致表单提交的不确定因素太多,点击表单的table中的td都会触发表单提交,而firefox则不会;转载 2013-11-02 17:21:42 · 1848 阅读 · 0 评论 -
select如何获取被选中的opinion
obj.options[obj.selectedIndex].value // obj是select对象原创 2013-10-21 11:16:17 · 1233 阅读 · 0 评论 -
仅限于IE的将table中的数据导入导出excel
仅限于IE 需要兼容火狐的同学 建议在后台使用jxl.jar来实现导入:http://www.w3.org/1999/xhtml" > Untitled Pagefunction importXLS(fileName){ objCon = new ActiveXObject("ADODB.Connection"); objCo原创 2013-12-27 15:58:57 · 719 阅读 · 0 评论 -
href=#与href=javascriptvoid(0)的区别
#"包含了一个位置信息默认的锚点是#top 也就是网页的上端而javascript:void(0) 仅仅表示一个死链接这就是为什么有的时候页面很长浏览链接明明是#可是跳动到了页首而javascript:void(0) 则不是如此所以调用脚本的时候最好用void(0)或者等打开新窗口链接的几种办法1.window.open('url')2.用自定义函数转载 2014-07-24 14:16:04 · 603 阅读 · 0 评论 -
bootstrap-datetimepicker时间控件 文档
转载自:http://www.bootcss.com/p/bootstrap-datetimepicker/此项目是bootstrap-datetimepicker 项目 的一个分支,原项目不支持 Time 选择。其它部分也进行了改进、增强,例如load 过程增加了对 ISO-8601 日期格式的支持。文档是拷贝/粘贴字原项目的文档,并且加入了更多细节说明。转载 2015-09-18 10:00:04 · 19730 阅读 · 0 评论 -
flexigrid(表格)删除item
$(window.parent.document).find("div[name='caseFormInfos']").deleteitem(“tab_li_xxxx”); //千万千万要注意 tab_li_是不许的 是觉得不能少的原创 2015-03-10 17:04:07 · 675 阅读 · 0 评论 -
flexigrid(表格)的两种刷新列表的情况
1. 在子页面刷新父页面的列表 换句话说就是在某个列表的子页面中 刷新该列表 使用原则:如果子页面中的某些操作导致了父页面的那个列表中的数据发生了变化 就使用该方式刷新那个列表 var c = parent.parent.document.frames[0].document; //有几层parent 关键取决于你这个子页面是第几层的子界面 var r原创 2015-03-03 19:58:40 · 2191 阅读 · 0 评论 -
JS判断是否为null(且只为null)
(1)typeof用法typeof的运算数未定义,返回的就是 "undefined".运算数为数字 typeof(x) = "number"字符串 typeof(x) = "string"布尔值 typeof(x) = "boolean"对象,数组和null typeof(x) ="object"函数 typeof(x) = "function"(2)js判断是转载 2014-10-30 15:30:39 · 5397 阅读 · 0 评论 -
iframe与frame(即frameset中的frame)的区别
在同时有frame和Iframe的一个窗口里frame最大可以做个frameset的儿子,Iframe最大也只能做到frameset的孙子。frame的布局限于几种,Iframe想放哪里放哪里。frame的兄弟刷新和自己没关系,Iframe的爸爸刷新自己跟着刷新 哪个更好就得根据情况选择了 欲明白本篇【HTML剖析】之标记分类请看 【标记一览】转载 2014-08-26 17:19:31 · 666 阅读 · 0 评论 -
jQuery Validation Engine 表单验证
注意事项:1.演示版本为 v2.2.4;2.v2.0 以下的版本参数并不完全通用;对 validationEngine.jquery.css 文件进行修改,修改如下:1.提示内容字体改为宋体;2.去除中各浏览器的私有属性(各浏览器已经支持圆角和阴影,不再需要加私有属性)。对 jquery.validationEngine.js 文件进转载 2014-08-25 10:45:13 · 832 阅读 · 0 评论 -
点击frame1中的超链接跳转到frame2中
通知公告原创 2014-08-28 16:40:20 · 1909 阅读 · 0 评论 -
jquery在子页面中获取父页面所在的frameset中的其它的frame中的元素
$(parent.parent.mainFrame.document).contents().find("body").html(); //manFrame值的原创 2014-07-24 08:55:24 · 4506 阅读 · 0 评论 -
input输入框内提示功能
onfocus="if(this.value=='支持模糊查询'){this.value='';}" onblur="if(this.value==''){this.value='支持模糊查询';}"原创 2013-09-28 09:00:54 · 839 阅读 · 0 评论 -
window.location.href无效的解决办法
调用window.location.href所在的函数的那个事件的后面加上return false 比如 onclick="save(); return false;"原创 2013-09-25 18:18:56 · 2021 阅读 · 4 评论 -
自己编写JS的trim方法
由于JS的trim方法在很多浏览器中不支持 所以在这里我们可以使用自己编写的trim方法来处理一些剪掉字符串两端的空字符串的需要 处理方法有很多种 这里我只选择一种 是经过自己测试的String.prototype.trim = function () { return this .replace(/^\s\s*/, '原创 2013-10-09 14:50:05 · 571 阅读 · 0 评论 -
div 的scrollTop增长问题
<asp:datalist id="dlgsl" Runat="server" Width="100%" ItemStyle-CssClass="lheight"> 我们可以通过Inewgsl:demo的scrollTop++来实现滚动,可是有这样一个问题,如果我们不把scrollTop复位,写成这样会有什么结果呢var d=doc原创 2013-07-25 11:53:57 · 1247 阅读 · 0 评论 -
iframe中的超链接跳转到包含该iframe的父窗口中
javascript:window.parent.location.href="xxxx"---找了几个小时才找到原创 2013-07-29 16:57:03 · 1542 阅读 · 0 评论 -
DIV的内容自动换行
word-break:break-all和word-wrap:break-word都是能使其容器如DIV的内容自动换行它们的区别就在于:1,word-break:break-all 例如div宽200px,它的内容就会到200px自动换行,如果该行末端有个英文单词很长(congratulation等),它会把单词截断,变成该行末端为conra(congratulation的原创 2013-07-29 10:12:27 · 543 阅读 · 0 评论 -
对overflow:hidden的详细理解
对overflow:hidden的详细理解:overflow:hidden这个CSS样式是大家常用到的CSS样式,但是大多数人对这个样式的理解仅仅局限于隐藏溢出,而对于清除浮动这个含义不是很了解。一提到清除浮动,我们就会想到另外一个CSS样式:clear:both,我相信对于这个属性的理解大家都不成问题的。但是对于“浮动”这个词到底包含什么样的含义呢?我们下面来详细的阐述一下。转载 2013-07-22 14:17:04 · 1275 阅读 · 0 评论 -
当外部div没有设置高度 或者内部div float之后 边框 内外边距等不起作用的解决办法
在外部的div的style中添加 overflow:hidden; 对overflow:hidden的详细理解:overflow:hidden这个CSS样式是大家常用到的CSS样式,但是大多数人对这个样式的理解仅仅局限于隐藏溢出,而对于清除浮动这个含义不是很了解。一提到清除浮动,我们就会想到另外一个CSS样式:clear:both,我相信对于这个属性的理解大家都不成问题的。原创 2013-07-22 14:16:29 · 3230 阅读 · 3 评论 -
用js控制a标签href属性并实现跳转
由于项目改动,主要由于页面基类中重写OnInit()事件中添加是否首次访问网站:[c-sharp] view plaincopy//检查是否首次访问本网站 if (HttpContext.Current.Request.UrlReferrer == null) { // Code... } 原先使用的js控制的语句跳转使HttpConte转载 2013-07-15 15:51:33 · 1695 阅读 · 0 评论 -
深入理解JavaScript中的this关键字
1. 一般用处2. this.x 与 apply()、call()3. 无意义(诡异)的this用处4. 事件监听函数中的this5. 总结在JavaScript中this变量是一个令人难以摸清的关键字,this可谓是非常强大,充分了解this的相关知识有助于我们在编写面向对象的JavaScript程序时能够游刃有余。1. 一般用处对于this变量最要的是能够理清this所引用的对原创 2013-02-08 20:35:45 · 321 阅读 · 0 评论 -
火狐和IE之间的区别
一、IE与FireFox的js和csspng透明 AlphaImageLoaderfilter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=bEnabled,sizingMethod=sSize,src=sURL)enabled:可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true:默认值。滤镜转载 2013-01-21 22:50:29 · 784 阅读 · 0 评论 -
CSS文件编码格式要和html文件的编码格式一样 才不会出现中文注释所带来的问题
如果发现你的某个Css文件在IE中得不到支持的时候 很有可能是因为你的通配符选择器 也就是*{ } 放在了最上面 通配符选择器如果放在了Css文件的最上面 在火狐中是没事的 但是在IE中却不行 通配符选择器最好放在最后 元素选择器最好放在倒数第二否则IE不支持 靠 好像父子 后代选择器也要放在后面 总结:造成以上那些怪问题的根本原因是中文注释搞得鬼——解决方案:保证CS原创 2013-01-20 22:56:24 · 1385 阅读 · 0 评论 -
FusionCharts参数的详细说明
3D饼图属性(Pie3D.swf )animation 是否显示加载图表时的动画palette 内置的图表样式,共5个paletteColors 自定义图表元素颜色(为多个,如过过少会重复)showAboutMenuItem 右键是否显示"关于FusionCharts"aboutMenuItemLabel 右键关于自定义文字aboutMenuItem原创 2013-07-18 08:56:29 · 1228 阅读 · 0 评论 -
关于文字内容溢出用点点点(…)省略号表示
前言:在实际的项目中,由于文字内容的长度不确定性和页面布局的固定性,难免会出现文字内容超过div(或其他标签,下同)区域的情况,此时比较好的做法就是当文字超过限定的div宽度后自动以省略号(…)显示,这样,按照习惯,人们都会知道这儿有文字被省略了。css中有个属性叫做text-overflow:ellipsis;配合其他一些属性可以实现IE,chrome,safria浏览器下文字溢出点点点省略转载 2013-08-06 11:05:51 · 2400 阅读 · 1 评论 -
JS加jquery实现标签元素的显示或隐藏
显示:var ul = document.getElementById("opinionSelect"); ul.style.display = 'block'; 隐藏:$("#opinionSelect").fadeOut("fast");原创 2013-09-22 18:22:45 · 1427 阅读 · 0 评论 -
当onclick无效的时候 可以尝试使用return false来解决
当onclick无效的时候 可以尝试使用return false来解决原创 2013-10-08 10:21:48 · 1048 阅读 · 0 评论 -
iframe 多层嵌套 无限嵌套 高度自适应
有A,B,C三个页面,A页面包含B页面,B页面包含C页面.A页面随着B页面自适应,C页面随着B页面自适应A页面 onload="this.height=main.document.body.scrollHeight;this.width=main.document.body.scrollWidth;if原创 2013-09-18 10:48:51 · 1142 阅读 · 0 评论 -
让vertical-align: middle属性支持所有的浏览器
垂直居中也有个属性 vertical-align: middle; 这个属性普通设置是没有效果的。第一种方法:通过一个空白图片可以达到垂直居中的效果。【建议使用】 代码如下复制代码 图片居中 /*定义垂直居中*/#test * { margin: 0px; padding: 0px; vertical-align原创 2013-09-05 15:18:17 · 1397 阅读 · 0 评论 -
js判断两个时间的早晚
js判断两个时间的早晚 function checkdate() { //得到日期值并转化成日期格式,replace(//-/g, "//")是根据验证表达式把日期转化成长日期格式,这样//再进行判断就好判断了 var sDate = new Date(document.getElementById("txtstart").value.replace(//原创 2013-09-09 15:11:15 · 3053 阅读 · 0 评论 -
jsp/html光标定位代码
jsp/html光标定位代码 2010-03-14 13:45:05| 分类:技术相关 |字号 订阅 New Document cript">function setfocus(){txt.focus();// 或者// document.getElementById("txt").focus();原创 2013-09-09 17:06:39 · 1634 阅读 · 0 评论