JavaScript脚本
关注
分享
扫一扫
文章平均质量分 61
nhconch
这个作者很懒，什么都没留下…
展开
-
利用脚本封装，方便实现网站悬浮广告
下面是JS脚本(floatdiv.js)/*====================================================================== 浮动块支持脚本 DESIGN BY : 彭国辉 DATE: 2004-02-26 SITE: http://kacarton.yeah.net/ BLOG:原创 2004-07-06 15:07:00 · 2867 阅读 · 9 评论 -
JavaScript浮点数问题[转]
JavaScript数值问题 收藏如果你是一个Web开发者，应该也写过这种接受用户输入的JavaScript代码： <input type="text" name="age" onchange="return (this.value>0)">表面上看，这行代码不存在任何问题，但实际运行一段时间后，却发现它偶尔莫名其妙地罢工。 这行代码的问题是转载 2011-06-30 13:21:00 · 3222 阅读 · 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 · 2364 阅读 · 0 评论 -
用CSS实现HTML元件的绝对定位
示例：此DIV为固定定位对象要使HTML元件定位于浏览器的某个固定位置，而不随滚动条滚动，用以下CSS代码即可，跨各个主流浏览器： POSITION: fixed! important; TOP: 100px; _position: absolute; _top: 40; _left: 100。 示例见右边黄底红字块。原创 2010-02-14 20:22:00 · 1189 阅读 · 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 · 3619 阅读 · 2 评论 -
XMLHttpRequest对象较完整的描述
XMLHttpRequest 对象XMLHttpRequest 对象提供了对 HTTP 协议的完全的访问，包括做出 POST 和 HEAD 请求以及普通的 GET 请求的能力。XMLHttpRequest 可以同步或异步地返回 Web 服务器的响应，并且能够以文本或者一个 DOM 文档的形式返回内容。尽管名为 XMLHttpRequest，它并不限于和 XML 文档一起使用：它可转载 2009-11-11 09:58:00 · 999 阅读 · 3 评论 -
模仿Google日程的小控件
出于产品的某个功能需要，模仿Google日程表写的小控件，刚写好“月”的界面部分，放上来共享，喜欢的就拿去。但先致声明，自己需要的功能自己扩展，有问题可以在这问，但不保证有时间回答。内容可用鼠标拖动调整位置和大小。 JS文件：function Calendar(title, year, month){ window.Calendar = this; //this原创 2009-11-04 22:52:00 · 2901 阅读 · 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 · 1388 阅读 · 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 · 11103 阅读 · 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 · 952 阅读 · 0 评论 -
兼容IE、新版Chrome、Firefox，实现本地图片等比例缩放预览
以前转载过一篇《兼容IE8、火狐的本地图片预览+等比例缩放》的文章，时至今日在新版的Chrome和Firefox上已经不能用了，原因getAsDataURL方法已经失效。当然在Chrome、Firefox上可以通过HTML5来实现，今天把它写出来了，见源码： 本地图片预览 #preview{width:100px;height:100px;border原创 2012-02-26 14:25:25 · 15757 阅读 · 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 · 9085 阅读 · 0 评论 -
神奇的IE6、IE7，莫名其妙的bug——单元格的高度会影响文本框的宽度？
很多时候古老浏览器带来的问题往往出乎我们意料，而多数时候我们都能找到一个原因来解释这个bug，但今天在IE6和IE7遇到的bug确实让摸不着头脑，见下图：从图片可以看到有两个问题：1、表格右边框线不见了；2、红色圆圈圈住的地方，那个文本框少了个右边框线，而另外的一个Textare和input则显示完好。问题重现的HTML源代码如下：XX系统*{paddi原创 2013-08-14 18:03:32 · 2765 阅读 · 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 · 5548 阅读 · 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 · 2745 阅读 · 0 评论 -
CSS3 transform旋转属性
目前越来越多的浏览器兼容CSS3标准了，CSS3里有一个使对象旋转的属性transform rotate，号称兼容CSS3的浏览器对它的支持也不算好，好在Firefox、Webkit和Opera这些浏览器都已经提供了官方的hack去支持这个属性。唯独在IE浏览器里对这个transform属性无法通过一般的CSS写法去实现。在W3C官方的标准里，通过transform属性使对象旋转的写法如下转载 2012-12-29 13:03:18 · 4460 阅读 · 0 评论 -
全面理解javascript的caller,callee,call,apply概念
在提到上述的概念之前，首先想说说javascript中函数的隐含参数：argumentsArguments该对象代表正在执行的函数和调用它的函数的参数。[function.]arguments[n]参数function ：选项。当前正在执行的 Function 对象的名字。 n ：选项。要传递给 Function 对象的从0开始的参数值索引。 说明Argum转载 2012-09-11 17:44:09 · 1067 阅读 · 0 评论 -
定制webkit内核浏览器的滚动条样式
终于发现非IE内核的浏览器也可以定制滚动条样式的，下图里那些古怪的滚动条全都是用CSS定制出来：这里有详细说明：http://css-tricks.com/custom-scrollbars-in-webkit/，等有空再翻译翻译。原创 2012-06-08 16:15:36 · 1643 阅读 · 0 评论 -
使用x-webkit-speech令网站支持语音输入功能
今天仔细看了看163邮箱，发觉搜索框有个小麦克风标志，联想在词霸也见过类似标志，突然生成好奇心用Chorme分析了一个源代码发现了个属性：x-webkit-speech和onwebkitspeechchange，接着Google了一下才知道是HTML5下的属性，通过使用google的语音服务支持语音输入功能。Google搜索的语音输入功能：检测浏览器是否支持原创 2012-03-05 23:42:04 · 5549 阅读 · 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 · 5792 阅读 · 1 评论 -
兼容IE8、火狐的本地图片预览+等比例缩放
来源网上的资源： Firefox3,IE6,IE7,IE8上传图片预览 <!-- #preview_wrapper{ display:inline-block; width:300px; height:300px; ba转载 2009-09-21 22:43:00 · 5494 阅读 · 3 评论 -
用JS实现渐变效果，兼容各款浏览器
以住做B/S的系统都是以IE浏览器为主，基本上忽略其他的浏览器，这次决定来个大兼容，但在实现背景渐变上就是个大麻烦。本想用图片来实现的，但要兼顾多种分辨率实在不好办，最后在网上找到一个Javascript的实现办法，兼容IE6/7、FF、Safari等，相当完美。好东西不敢独占，贴出来大家共享：var setGradient = (function(){ //private variabl原创 2008-07-30 14:28:00 · 5724 阅读 · 5 评论 -
又修复了用友A6 2.75的一个问题
今天又发现OA的一个问题：修改已经做好单据时，不能删除已有的重复表格的内容，但可以添加新行和删除刚添加的行。打售后服务执线反应，对方竟然说他那边测试没这问题。我晕，我用的可是用友公司的人上门拿来的安装盘，SP1也是官方网站下载的，居然跟他那边的不一样！！！不知他要什么时候才解决，只能自己先搞了，哎，幸福全靠自己双手创啊~~问题产生原因：打开已有单据时，系统是通过客户端Javascript脚原创 2008-01-11 15:37:00 · 1582 阅读 · 0 评论 -
自己动手修改用友致远OA2.75的问题
用了致远OA2.75一个多月，感觉整体不可以，毕竟OA不像ERP有太复杂的需求。但在某些细节上却明显暴露设计上的不合理性，用友的客服态度还是可以的，就是解决问题的速度太慢，实在忍不住，只好自己动手解决问题了。第一个就是表单流程从组中选接受人的问题，据说成员的排序是按组的先后的，但问题是它不显示组别，结果列出来的人乱套了，同样是姓王的，可能一个在前一个在最后，人多了根本没法选。目标文件：comm原创 2007-12-31 09:59:00 · 3743 阅读 · 0 评论 -
window.onload 关于页面加载完毕的问题
今日看到的文章：----------------------------------------------------------------------------------------------------------------------------------英文原文在此：http://dean.edwards.name/weblog/2005/09/busted/大意如下原创 2008-02-03 17:36:00 · 2547 阅读 · 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 · 1055 阅读 · 0 评论 -
用友A6协同OA，想说爱你不容易
上周将OA从2.75sp1升级到2.75sp2，问题随之而来，不知用友的人脑子又进了什么水，居然又修改打印功能（2.75升级到2.75sp1时已经害过一回了），而且发版说明根本没提及这项修改。这下好了，待发事项、已发事项里打印出来的表单字体都灰的（直接保留了input、select等控件于表单中，属性设为readonly、disabled造成的），真想妈X他们。又得自己动手了。修改文件：pri原创 2008-01-22 15:46:00 · 7955 阅读 · 10 评论 -
仿QQ2003风格的导航栏
这是2003年12月制作的网站导航栏，本来想改成基于OOP再放上来的，现在看来今年内都不可能实现了，先公布了再算。 效果见右图，它两个脚本和HTML页面组成，下面是详细代码，演示内容可以从http://www.freewebs.com/kacarton/software/outlookbar.rar(7K)下载：脚本支持代码OutlookBar.js内容：/*================原创 2004-12-04 23:59:00 · 3307 阅读 · 0 评论 -
自定义网页右键弹出菜单
禁用网页右键弹出菜单的例子就见多了，其实我们还可以把右键菜单替换自定义的内容，某些时候这还是一个不错的操作方式。原理很简单，先看看核心代码： var oPopup = window.createPopup(); //创建弹出式菜单实例 var oPopBody = oPopup.document.body;原创 2004-07-20 13:48:00 · 3767 阅读 · 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 · 1943 阅读 · 0 评论 -
刚写的B/S高级查询界面（基于ExtJs框架）
这几天赶着做一个B/S系统，基于ExtJs框架，从中学了不少东西，今天写的高级查询界面感觉比较有意义，很多人应该也用得着，特拿出来共享一下。当然没正式完工，余下与服务器交互、Lookup列表、取生成查询条件一部分没有完成，做得有点腻了，先放出来，曾经做过的不妨交流一下。 界面：代码：DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 T原创 2008-08-29 17:53:00 · 7759 阅读 · 2 评论 -
将日期转换成中文格式的JS函数
最近的项目需要将日期转换成中文的格式，于是写了个小小的JS函数，使用时直接调用即可. function CNDateString(date){ var cn = ["〇","一","二","三","四","五","六","七","八","九"]; var s = []; var YY = date.getFullYear().toString(); for (v原创 2009-07-06 14:42:00 · 1982 阅读 · 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 · 18109 阅读 · 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 · 2550 阅读 · 2 评论 -
Chrome/Chromium不支持showModalDialog
Chrome发布第一天就开始用它，现在已经养成了使用习惯，但它部有些毛病让人很郁闷，首先是以前碰到Chrome不支持canvas（包括官方的最新版），Chromium的每日编译版本倒是支持，但不知google啥时候才发布正常的Chrome版本。另一个更郁闷的是Chrome/Chromium都不支持showModalDialog，而且它的表现方式令人很费解，弹个空白的对话框出来，地址显示abou原创 2009-05-18 16:29:00 · 2711 阅读 · 0 评论 -
烦人琐事--编写兼容IE和FireFox的脚本
编写兼容IE和FireFox的脚本确定的件很烦人的事，今日又经历了一次。 一、正式表达式问题试图用以下表达式提取中括号“]”后面的内容，连接调用以下代码在IE下正常，FireFox则总是会用单数行的内容替代双数行的内容。 (/(/])([^ -}]*)/ig).exec(srcText);newtext = "[部门]" + RegExp.$2;后证实问题出在“ig”的原创 2009-05-17 22:07:00 · 1206 阅读 · 1 评论 -
OutlookBar样式的JS导航栏
最近要找JS的导航栏，在网上找了个篇也没合适的，就自己写了一个，大概一天时间就完成了，支持IE/FF/Chrome和换肤功能，如下：资源下载地址：http://download.youkuaiyun.com/source/1176732原创 2009-04-04 22:21:00 · 2606 阅读 · 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 · 3887 阅读 · 5 评论 -
基于ExtJs框架的B/S高级查询界面
把昨天做的高级查询界面完善了一下，支持动态添加多个查询条件、定义逻辑关系，支持整形、浮点、字符串、日期、布尔值、自定义选择列表的录入，通过Ext.data.JsonStore可方便的与服务器交互，具体不多说了，看下面示例，曾经做过的朋友不妨交流一下。 样图： 示例：DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transiti原创 2008-08-30 11:49:00 · 8972 阅读 · 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 · 2256 阅读 · 0 评论