![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript脚本
文章平均质量分 61
nhconch
这个作者很懒,什么都没留下…
展开
-
利用脚本封装,方便实现网站悬浮广告
下面是JS脚本(floatdiv.js)/*====================================================================== 浮动块支持脚本 DESIGN BY : 彭国辉 DATE: 2004-02-26 SITE: http://kacarton.yeah.net/ BLOG:原创 2004-07-06 15:07:00 · 2839 阅读 · 9 评论 -
JavaScript浮点数问题[转]
JavaScript数值问题 收藏如果你是一个Web开发者,应该也写过这种接受用户输入的JavaScript代码: <input type="text" name="age" onchange="return (this.value>0)">表面上看,这行代码不存在任何问题,但实际运行一段时间后,却发现它偶尔莫名其妙地罢工。 这行代码的问题是转载 2011-06-30 13:21:00 · 3171 阅读 · 0 评论 -
HighslideJS作者又一力作—— Highcharts,非常漂亮的JS图表控件
<br /> <br />Highcharts是一个制作图表的纯Javascript类库,主要特性如下:兼容性:兼容当今所有的浏览器,包括iPhone、IE和火狐等等;对个人用户完全免费;纯JS,无BS;支持大部分的图表类型:直线图,曲线图、区域图、区域曲线图、柱状图、饼装图、散布图;跨语言:不管是PHP、Asp.net还是Java都可以使用,它只需要三个文件:一个是Highcharts的核心文件highcharts.js,还有a canvas emulator for IE和Jquery类库或者MooTo原创 2010-09-06 16:25:00 · 2338 阅读 · 0 评论 -
用CSS实现HTML元件的绝对定位
示例:此DIV为固定定位对象要使HTML元件定位于浏览器的某个固定位置,而不随滚动条滚动,用以下CSS代码即可,跨各个主流浏览器: POSITION: fixed! important; TOP: 100px; _position: absolute; _top: 40; _left: 100。 示例见右边黄底红字块。原创 2010-02-14 20:22:00 · 1164 阅读 · 0 评论 -
解决了两个ActiveX Form的小问题
B/S虽是主流,不过ActiveX Form仍不能少。今天一下碰到了两个来自ActiveX Form的问题,以下是解决方法。 一、Delphi 2009生成的ActiveX Form如何应用ThemeD2009创建的ActiveX Project,Option里的Theme选项是禁用的,在浏览器中打开ActiveX Form自然也没有Theme效果了。使用当年在D6下的方法,编写一个W原创 2010-01-27 15:30:00 · 3587 阅读 · 2 评论 -
XMLHttpRequest对象较完整的描述
XMLHttpRequest 对象XMLHttpRequest 对象提供了对 HTTP 协议的完全的访问,包括做出 POST 和 HEAD 请求以及普通的 GET 请求的能力。XMLHttpRequest 可以同步或异步地返回 Web 服务器的响应,并且能够以文本或者一个 DOM 文档的形式返回内容。尽管名为 XMLHttpRequest,它并不限于和 XML 文档一起使用:它可转载 2009-11-11 09:58:00 · 973 阅读 · 3 评论 -
模仿Google日程的小控件
出于产品的某个功能需要,模仿Google日程表写的小控件,刚写好“月”的界面部分,放上来共享,喜欢的就拿去。但先致声明,自己需要的功能自己扩展,有问题可以在这问,但不保证有时间回答。内容可用鼠标拖动调整位置和大小。 JS文件:function Calendar(title, year, month){ window.Calendar = this; //this原创 2009-11-04 22:52:00 · 2852 阅读 · 6 评论 -
FCKEditor几点使用心得
1、挂接事件,比如onkeydown事件,要在FCKeditor_OnComplete里实现:function FCKeditor_OnComplete( editorInstance ){ if (document.all) // IE editorInstance.EditorDocument.attachEvent("onkeypress", FCKeditor_原创 2009-10-27 12:00:00 · 1368 阅读 · 0 评论 -
MiniWeb开源的迷你HTTP服务器端软件
MiniWeb是一个用C语言写成的HTTP服务器端软件,具有资源占用少、响应快速、跨平台(POSIX 、*nux、Windows)等优点,支持常用的GET、POST算法及音/视频流媒体应用,可用来构建WEBSITE站点或VOD服务器等。 官方站点:http://miniweb.sourceforge.net/下载地址:http://sourceforge.net/projects/mi原创 2009-10-22 16:50:00 · 10925 阅读 · 0 评论 -
发现ie6一个bug
做系统要考虑兼容,IE6还没死翘翘。话说这个BUG相当神奇DOCTYPE声明为css写.mainbody {background: url(../images/desk_bg01.jpg) repeat-x top fixed;}当中的desk_b原创 2011-08-26 00:45:25 · 927 阅读 · 0 评论 -
兼容IE、新版Chrome、Firefox,实现本地图片等比例缩放预览
以前转载过一篇《兼容IE8、火狐的本地图片预览+等比例缩放》的文章,时至今日在新版的Chrome和Firefox上已经不能用了,原因getAsDataURL方法已经失效。当然在Chrome、Firefox上可以通过HTML5来实现,今天把它写出来了,见源码: 本地图片预览 #preview{width:100px;height:100px;border原创 2012-02-26 14:25:25 · 15705 阅读 · 27 评论 -
老生常谈IE兼容性:ie6 javascript:void(0)、IE7 input透明、IE8 jquery动态加载css
这年头依旧有人坚守IE6阵营,为什么呢?人家客户说单位以前系统必须用IE6没办法升级,这理由还真充分!一、IE6 对javascript:void(0)的支持 问题:a href=”javaScript:void(0)” onclick=”doSomething();”>click mea>,发现点击事件不起作用。原因是和IE6的事件冒泡处理方法有关,网上一大堆讨论。原创 2013-11-29 17:58:18 · 9046 阅读 · 0 评论 -
神奇的IE6、IE7,莫名其妙的bug——单元格的高度会影响文本框的宽度?
很多时候古老浏览器带来的问题往往出乎我们意料,而多数时候我们都能找到一个原因来解释这个bug,但今天在IE6和IE7遇到的bug确实让摸不着头脑,见下图:从图片可以看到有两个问题:1、表格右边框线不见了;2、红色圆圈圈住的地方,那个文本框少了个右边框线,而另外的一个Textare和input则显示完好。问题重现的HTML源代码如下:XX系统*{paddi原创 2013-08-14 18:03:32 · 2727 阅读 · 0 评论 -
从浏览器剪切板中读取图片并显示--for chrome
利用chrome的clipboardData和File Reader对象,可以很好的实现些功能。function test(evt){ //for chrome var clipboardData = evt.clipboardData; for(var i=0; i<clipboardData.items.length; i++){ var ite原创 2013-06-25 11:02:18 · 5475 阅读 · 1 评论 -
document.execCommand("BackgroundImageCache",false,true)
IE6下的背景图片每次使用都会重新发送请求而不是使用本地缓存,特别是使用hover背景图片能明显感到到闪烁,有人用的办法解决了这个问题:css方法:html {filter:expression(document.execCommand("BackgroundImageCache", false, true));}js方法:window.isIE=navigator.appNa原创 2012-12-28 15:48:40 · 2706 阅读 · 0 评论 -
CSS3 transform旋转属性
目前越来越多的浏览器兼容CSS3标准了,CSS3里有一个使对象旋转的属性transform rotate,号称兼容CSS3的浏览器对它的支持也不算好,好在Firefox、Webkit和Opera这些浏览器都已经提供了官方的hack去支持这个属性。唯独在IE浏览器里对这个transform属性无法通过一般的CSS写法去实现。在W3C官方的标准里,通过transform属性使对象旋转的写法如下转载 2012-12-29 13:03:18 · 4410 阅读 · 0 评论 -
全面理解javascript的caller,callee,call,apply概念
在提到上述的概念之前,首先想说说javascript中函数的隐含参数:argumentsArguments该对象代表正在执行的函数和调用它的函数的参数。[function.]arguments[n]参数function :选项。当前正在执行的 Function 对象的名字。 n :选项。要传递给 Function 对象的从0开始的参数值索引。 说明Argum转载 2012-09-11 17:44:09 · 1035 阅读 · 0 评论 -
定制webkit内核浏览器的滚动条样式
终于发现非IE内核的浏览器也可以定制滚动条样式的,下图里那些古怪的滚动条全都是用CSS定制出来:这里有详细说明:http://css-tricks.com/custom-scrollbars-in-webkit/,等有空再翻译翻译。原创 2012-06-08 16:15:36 · 1615 阅读 · 0 评论 -
使用x-webkit-speech令网站支持语音输入功能
今天仔细看了看163邮箱,发觉搜索框有个小麦克风标志,联想在词霸也见过类似标志,突然生成好奇心用Chorme分析了一个源代码发现了个属性:x-webkit-speech和onwebkitspeechchange,接着Google了一下才知道是HTML5下的属性,通过使用google的语音服务支持语音输入功能。Google搜索的语音输入功能:检测浏览器是否支持原创 2012-03-05 23:42:04 · 5498 阅读 · 0 评论 -
event.keyCode键码值表
附JavaScript键码值表 附:利用event.keyCode实现输入限制,让文本框里只能输入money<!-- function onlyNum() { if(!(event.keyCode==46)&&!(event.keyCode==8)&&!(event.keyCode==37)&&!(event.keyCode==39)&&!(event.ke转载 2009-10-11 18:07:00 · 5755 阅读 · 1 评论 -
兼容IE8、火狐的本地图片预览+等比例缩放
来源网上的资源: Firefox3,IE6,IE7,IE8上传图片预览 <!-- #preview_wrapper{ display:inline-block; width:300px; height:300px; ba转载 2009-09-21 22:43:00 · 5466 阅读 · 3 评论 -
用JS实现渐变效果,兼容各款浏览器
以住做B/S的系统都是以IE浏览器为主,基本上忽略其他的浏览器,这次决定来个大兼容,但在实现背景渐变上就是个大麻烦。本想用图片来实现的,但要兼顾多种分辨率实在不好办,最后在网上找到一个Javascript的实现办法,兼容IE6/7、FF、Safari等,相当完美。好东西不敢独占,贴出来大家共享:var setGradient = (function(){ //private variabl原创 2008-07-30 14:28:00 · 5680 阅读 · 5 评论 -
又修复了用友A6 2.75的一个问题
今天又发现OA的一个问题:修改已经做好单据时,不能删除已有的重复表格的内容,但可以添加新行和删除刚添加的行。打售后服务执线反应,对方竟然说他那边测试没这问题。我晕,我用的可是用友公司的人上门拿来的安装盘,SP1也是官方网站下载的,居然跟他那边的不一样!!!不知他要什么时候才解决,只能自己先搞了,哎,幸福全靠自己双手创啊~~问题产生原因:打开已有单据时,系统是通过客户端Javascript脚原创 2008-01-11 15:37:00 · 1559 阅读 · 0 评论 -
自己动手修改用友致远OA2.75的问题
用了致远OA2.75一个多月,感觉整体不可以,毕竟OA不像ERP有太复杂的需求。但在某些细节上却明显暴露设计上的不合理性,用友的客服态度还是可以的,就是解决问题的速度太慢,实在忍不住,只好自己动手解决问题了。第一个就是表单流程从组中选接受人的问题,据说成员的排序是按组的先后的,但问题是它不显示组别,结果列出来的人乱套了,同样是姓王的,可能一个在前一个在最后,人多了根本没法选。目标文件:comm原创 2007-12-31 09:59:00 · 3569 阅读 · 0 评论 -
window.onload 关于页面加载完毕的问题
今日看到的文章:----------------------------------------------------------------------------------------------------------------------------------英文原文在此:http://dean.edwards.name/weblog/2005/09/busted/大意如下原创 2008-02-03 17:36:00 · 2505 阅读 · 0 评论 -
浮动广告的另类实现方法
51JS上有这样的代码:table bgcolor="#EFEFEF"> tr>td width="1" valign="top" > marquee direction="down" behavior="alternate" scrollamount=1 height="60"> marquee direction="right" scrollamount=原创 2008-02-03 17:22:00 · 1029 阅读 · 0 评论 -
用友A6协同OA,想说爱你不容易
上周将OA从2.75sp1升级到2.75sp2,问题随之而来,不知用友的人脑子又进了什么水,居然又修改打印功能(2.75升级到2.75sp1时已经害过一回了),而且发版说明根本没提及这项修改。这下好了,待发事项、已发事项里打印出来的表单字体都灰的(直接保留了input、select等控件于表单中,属性设为readonly、disabled造成的),真想妈X他们。又得自己动手了。修改文件:pri原创 2008-01-22 15:46:00 · 7930 阅读 · 10 评论 -
仿QQ2003风格的导航栏
这是2003年12月制作的网站导航栏,本来想改成基于OOP再放上来的,现在看来今年内都不可能实现了,先公布了再算。 效果见右图,它两个脚本和HTML页面组成,下面是详细代码,演示内容可以从http://www.freewebs.com/kacarton/software/outlookbar.rar(7K)下载:脚本支持代码OutlookBar.js内容:/*================原创 2004-12-04 23:59:00 · 3284 阅读 · 0 评论 -
自定义网页右键弹出菜单
禁用网页右键弹出菜单的例子就见多了,其实我们还可以把右键菜单替换自定义的内容,某些时候这还是一个不错的操作方式。原理很简单,先看看核心代码: var oPopup = window.createPopup(); //创建弹出式菜单实例 var oPopBody = oPopup.document.body;原创 2004-07-20 13:48:00 · 3733 阅读 · 2 评论 -
浪费4个多小时修正因使用透明PNG而带来的问题
还是因为《show一下刚做的系统登录界面》,登录框有多个不同等级的alpha值,四周的外边框透明度为31%,登录框透明度为90%,文本框透明度为75%,生成HTML页面时,分别用了3个并设置相应的alpha值,简化后如: .lgfrmbg { position:absolute; top:50%; left:50%; margin:-148px 0 0 -208px; widt原创 2008-07-31 01:04:00 · 1917 阅读 · 0 评论 -
刚写的B/S高级查询界面(基于ExtJs框架)
这几天赶着做一个B/S系统,基于ExtJs框架,从中学了不少东西,今天写的高级查询界面感觉比较有意义,很多人应该也用得着,特拿出来共享一下。当然没正式完工,余下与服务器交互、Lookup列表、取生成查询条件一部分没有完成,做得有点腻了,先放出来,曾经做过的不妨交流一下。 界面:代码:DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 T原创 2008-08-29 17:53:00 · 7702 阅读 · 2 评论 -
将日期转换成中文格式的JS函数
最近的项目需要将日期转换成中文的格式,于是写了个小小的JS函数,使用时直接调用即可. function CNDateString(date){ var cn = ["〇","一","二","三","四","五","六","七","八","九"]; var s = []; var YY = date.getFullYear().toString(); for (v原创 2009-07-06 14:42:00 · 1961 阅读 · 1 评论 -
给textarea增加长度限制的几种方法
最简单的:=20){event.returnValue=false}>aaaa简单有效,但问题是输入20个字符后边删除键、光标键通通失效,未够20个字符时粘贴一段长文字也可以突破限制。 最粗暴的: function isMaxLen(o){ var nMaxLen=o.getAttribute? parseInt(o.getAttribute("maxlength")):"原创 2009-05-28 22:39:00 · 18025 阅读 · 2 评论 -
.net/js urlencode
Server.UrlEncode("中文")HttpUtility.UrlEncode("中文", Encoding.Default)HttpUtility.UrlEncode("中文", Encoding.Unicode)HttpUtility.UrlEncode("中文", Encoding.BigEndianUnicode)HttpUtility.UrlEncode("中文", Enco原创 2009-05-26 22:03:00 · 2521 阅读 · 2 评论 -
Chrome/Chromium不支持showModalDialog
Chrome发布第一天就开始用它,现在已经养成了使用习惯,但它部有些毛病让人很郁闷,首先是以前碰到Chrome不支持canvas(包括官方的最新版),Chromium的每日编译版本倒是支持,但不知google啥时候才发布正常的Chrome版本。另一个更郁闷的是Chrome/Chromium都不支持showModalDialog,而且它的表现方式令人很费解,弹个空白的对话框出来,地址显示abou原创 2009-05-18 16:29:00 · 2678 阅读 · 0 评论 -
烦人琐事--编写兼容IE和FireFox的脚本
编写兼容IE和FireFox的脚本确定的件很烦人的事,今日又经历了一次。 一、正式表达式问题试图用以下表达式提取中括号“]”后面的内容,连接调用以下代码在IE下正常,FireFox则总是会用单数行的内容替代双数行的内容。 (/(/])([^ -}]*)/ig).exec(srcText);newtext = "[部门]" + RegExp.$2;后证实问题出在“ig”的原创 2009-05-17 22:07:00 · 1173 阅读 · 1 评论 -
OutlookBar样式的JS导航栏
最近要找JS的导航栏,在网上找了个篇也没合适的,就自己写了一个,大概一天时间就完成了,支持IE/FF/Chrome和换肤功能,如下:资源下载地址:http://download.csdn.net/source/1176732原创 2009-04-04 22:21:00 · 2582 阅读 · 0 评论 -
针对Google chrome写css hack
Google于本月3号推出了浏览器chrome,写前端效果的同志们又有得辛苦了,IE/FF/Opera/Safari&chrom本来不太平的世界更混乱了。所幸chrome用的是与Safari一样的Webkit引擎,我们可以使用对safari相似的方式作css hack,写法为:@media screen and (-webkit-min-device-pixel-ratio:0) {/* 针对Ch原创 2008-09-03 14:05:00 · 3857 阅读 · 5 评论 -
基于ExtJs框架的B/S高级查询界面
把昨天做的高级查询界面完善了一下,支持动态添加多个查询条件、定义逻辑关系,支持整形、浮点、字符串、日期、布尔值、自定义选择列表的录入,通过Ext.data.JsonStore可方便的与服务器交互,具体不多说了,看下面示例,曾经做过的朋友不妨交流一下。 样图: 示例:DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transiti原创 2008-08-30 11:49:00 · 8920 阅读 · 24 评论 -
IE盒子模型和标准W3C盒子模型
<br /> <br /> 盒子模型是CSS中一个重要的概念,理解了盒子模型才能更好的排版。其实盒子模型有两种,分别是 IE 盒子模型和标准 W3C 盒子模型。他们对盒子模型的解释各不相同,先来看看我们熟悉的标准盒子模型:<br /><br /> <br /> 从上图可以看到标准 W3C 盒子模型的范围包括 margin、border、padding、content,并且 content 部分不包含其他部分。<br /> IE 盒子模型<br /><br /> <br /> 从上图可以看到 IE 盒原创 2010-07-02 10:38:00 · 2211 阅读 · 0 评论