firefox和IE下activeElement在onblur事件中的表现

评论(0)浏览(279)分类：JavaScript/Ajax开发技巧
firefox和IE下activeElement在onblur事件中的表现　　今天在csdn看到一个问题，如果在onblur事件中直接调用document.activeElement元素，在IE下得到的焦点的是此对象的下一个兄弟节点，而在Firefox下既然是body元素，即使执行完函数后获取到焦点的确实是此对象的下一个兄弟节点。　　测试代码如下+展开-HTMLscriptlanguage=javascriptfunctionchecknum(vNewValue,sOldValue,id){alert(document...

解决google搜索中出现“该网站可能含有恶意软件，有可能会危害您的电脑“提示

评论(0)浏览(279)分类：网站排名及优化
解决google搜索中出现“该网站可能含有恶意软件，有可能会危害您的电脑“提示　　google管理员账号删除“该网站可能含有恶意软件，有可能会危害您的电脑”提示方法。　　第一步：网站代码大检查并修复，清除所有可能含有病毒、恶意代码、流氓软件等代码，恢复如初，提高服务器安全系数防止再次被挂马。　　第二步：注册google帐号，开通GOOGLE网站管理员工具(http://www.google.cn/webmasters/)，并添加自己的网站，GOOGLE..

javascript动态添加ajaxtookit tabcontainer tabpanel示例

评论(0)浏览(278)分类：JavaScript/Ajax开发技巧
javascript动态添加ajaxtookit tabcontainer tabpanel示例　　在浏览器控制台打印ajaxtookit tabcontainer对象时，发现ajaxtookit tabcontainer客户端类库没有提供客户端API给js调用动态添加tabpanel，需要在asp.net服务器端TabContainer1.Tabs.Add动态添加。　　javascript动态添加ajaxtookit tabcontainer tabpanel示例如下，需要自己写代码，动态添加tabpanel。%@ Page Language=C# AutoEventWireup=..

Chrome扩展开发教程(一)入门

评论(0)浏览(276)分类：JavaScript/Ajax开发技巧
Chrome扩展开发教程(一)入门　　本chrome扩展效果如下准备工具做任何事情都要有个工具，制作chrome插件需要的工具很少。记事本，用来编写代码Chrome浏览器，这个不能少吧。Windows下，所有版本的Chrome都可以制作插件。Linux下需要下载Beta版本，Mac下载dev版本。开始制作第一个插件在计算机中创建一个目录来存放插件代码。在目录里面创建文件manifest.json(注意后缀名是.j..

javascript调用系统调色板

评论(0)浏览(276)分类：JavaScript/Ajax开发技巧
javascript调用系统调色板注意：仅IE下有效果，W3C浏览器无法运行。因为使用的是acx对象，w3c浏览器不支持acx。+展开-HTMLscriptfunctioncolorpicker(){varsColor_tmp,sColor,color_len;sColor_tmp=dlgHelper.ChooseColorDlg().toString(16);color_len=sColor_tmp.length;switch(color_len){case1:sColor="00000"+sColor_tmp.toString();break;case2:sColor="0000"+sColo..

As+lightbox+js实现实时加载图片进度

评论(0)浏览(276)分类：flash/flex/fcs/AIR
As+lightbox+js实现实时加载图片进度　　不久前在csdn的js板块看到一个as+js+lightbox动态加载图片显示进度的程序，随便帮改了下代码。后面要帮女朋友搞她设计作品的展示时发现代码中的flash只提供了成功加载时的回调函数，而如果图片未找到或者刚开始加载时没有什么提示。所以自己把swf反编译了一下，修改了as脚本，使之拥有了4个回调，加载图片开始，过程，成功加载和错误的回调，..

IE透明滤镜alpha失效解决办法

评论(0)浏览(275)分类：HTML/CSS兼容/XML
IE透明滤镜alpha失效解决办法　　IE的透明滤镜filter:alpha(opacity=40)在未添加xhtml申明时会不起效果。即使添加了xhtml申明，IE7也无效。IE7下xhtml申明alpha滤镜无效IE8无xhtml申明也无效源代码如下!DOCTYPE htmltitleIE透明滤镜alpha失效/titlestyle#dvTable div.opc4{opacity:0.4;filter:alpha(opacity=40);}#dvTable div.opc4:hover{opacity:1;filter:alpha(opacity=1..

JSON.stringify日期对象Date被转为国际标准时间

评论(0)浏览(275)分类：JavaScript/Ajax开发技巧
JSON.stringify日期对象Date被转为国际标准时间　　调用JSON.stringify将对象转为对应的字符串时，如果包含时间对象，时间对象会被转换为国家标准时间（ISO），而不是当前国家区域的时间，测试代码如下script //var o = new Date(); //console.log(o.toString())//中国时区时间，格式如Wed Jun 11 2014 10:51:42 GMT+0800 //console.log(JSON.stringify(o)); //输出国际标准时间（IS..

javascript检查移动设备是否支持重力方向感应

评论(0)浏览(274)分类：JavaScript/Ajax开发技巧
javascript检查移动设备是否支持重力方向感应　　javascript如何检查移动设备，如手机平台是否支持重力或者方向感应。　　可以使用html5提供的重力和方向感应接口来判断。　　html5 中针对高端手机提供了重力感应和重力加速的接口，开发可以利用这个接口获取到移动设备重力加速感应数据。　　目前已经支持的浏览器只有chrome和firefox，以及IOS的webkit（貌似android上因为版本差异很大，部..

js创建桌面快捷方式

评论(0)浏览(274)分类：JavaScript/Ajax开发技巧
js创建桌面快捷方式script type="text/vbscript"Set WshShell =CreateObject("WScript.Shell") strDesktop = WshShell.SpecialFolders("Desktop") '特殊文件夹“桌面” '在桌面创建一个记事本快捷方式 set oShellLink = WshShell.CreateShortcut(strDesktop "\Internet Explorer.lnk") oShellLink.TargetPath = "C:\Program Files\Internet Explorer\iexplore.exe..

分批更新，动态显示进度

评论(0)浏览(272)分类：JavaScript/Ajax开发技巧
分批更新，动态显示进度　　示例代码点击这里下载　　使用Ajax分配更新数据库信息，动态显示更新进度。　　适用于大批量更新，占用时间较多的更新操作。使用ajax划分为小的单元，不需要一下占用很多系统资源。　　需要注意的是必须有一个自动增长的字段，值可以不连续。　　示例是将一个字段的内容，包含HTML代码的，先去掉html代码，然后更新到该条记录的另一个字段中..

jquery倒影水波纹效果插件

评论(0)浏览(272)分类：JavaScript/Ajax开发技巧
jquery倒影水波纹效果插件　　html5 canvas实现的图片水中倒影，水波纹效果jquery插件。IE浏览器运行本示例请用IE9+版本的浏览器webkit核心的浏览器如chrome注意要搭建服务器访问，要不本地file浏览出现如下错误Unable to get image data from canvas because the canvas has been tainted by cross-origin data. Uncaught Error: SecurityError: DOM Exception 18 效果如..

什么是httponly cookie

评论(0)浏览(272)分类：JavaScript/Ajax开发技巧
什么是httponly cookie　　对于很多只依赖于cookie验证的网站来说，HttpOnly cookies是一个很好的解决方案，在支持HttpOnly cookies的浏览器中（IE6以上，FF3.0以上），javascript是无法读取和修改HttpOnly cookies，或许这样可让网站用户验证更加安全。　　wikipedia中对于httpOnly的描述如下：`HttpOnly:Set-Cookie: RMID=732423sdfs73242; expires=Fri, 31-Dec-201..

解决IE attachEvent绑定的事件中this为window问题

评论(0)浏览(272)分类：JavaScript/Ajax开发技巧
解决IE attachEvent绑定的事件中this为window问题　　在IE浏览器下使用attachEvent绑定对象的事件时，绑定的事件方法中this对象为window对象，而不是当前的DOM对象。w3c浏览器下的addEventListener对象不存在这种问题。　　测试代码如下div id=dv111/divscriptfunction Alert(){alert(this.innerHTML)}var dvs=document.getElementById('dv')dv.attachEvent('onclick',Alert);/..

offsetWidth、offsetHeight是如何计算的

评论(0)浏览(272)分类：HTML/CSS兼容/XML
offsetWidth、offsetHeight是如何计算的在元素 A 上调用 offsetWidth 属性时，必须按以下算法返回结果值： 如果元素 A 不具有 CSS 布局盒子，则返回 0，并停止本算法。 以 CSS 像素为单位，返回元素 A 的边框盒子宽度。在元素 A 上调用 offsetHeight 属性时，必须按以下算法返回结果值： 如果元素 A 不具有 CSS 布局盒子，则返回 0，并停止本算法。 以 CSS 像素为单位，返..

KindEditor IE11下粘贴到最后bug解决办法

评论(0)浏览(272)分类：JavaScript/Ajax开发技巧
KindEditor IE11下粘贴到最后bug解决办法　　KindEditor 4.1.6在 IE11，内容比较多出现滚动条时，如果想在内容中间粘贴其他内容，会导致粘贴的内容被粘贴到编辑器最后，而不是在光标所在位置。资料引用：https://github.com/kindsoft/kindeditor/pull/193/commits/7e6cde5adc8d105fb2888b038e8e9164a5dd2129#diff-1c90ff38a08209f9ebd4d05d1e43358eKindEditor 4.1.7http://blog.csdn.ne..

javascript获取星座代码

评论(0)浏览(270)分类：JavaScript/Ajax开发技巧
javascript获取星座代码　　javascript获取星座源代码script //javascript获取星座函数 //@month:月份，注意从1开始。日期对象是从0开始 //@date:日期 function getStar(month, date) { var star = { 魔羯座: [[12, 22], [1, 19]], 水瓶座: [[1, 20], [2, 18]], 双鱼座: [[2, 19], [3, 20]], 白羊座: [[3, 21], [4, 19]], 金..

jQuery通过调用webservice返回json数据的问题

评论(3)浏览(270)分类：JavaScript/Ajax开发技巧
jQuery通过调用webservice返回json数据的问题　　由于.net frameword3.5以上添加了对contenttype的检查，当ajax发送请求时，如果设置了contenttype为json，那么请求webservice时，会自动将返回的内容转为json的格式，json的格式如下{d:webservice方法返回的字符串内容}这时出现一个问题了，如果方法返回的是一个json格式的字符串，那么如何获得实际的json对象，而不是只有一个属性d的json对..

为什么数组作为参数传递进去取不了值出来?

评论(0)浏览(269)分类：JavaScript/Ajax开发技巧
为什么数组作为参数传递进去取不了值出来?为什么数组作为参数传递进去取不了值出来? (arrData) 好像原来都OK的, 换个OS就不行了? 还有这种诡异的事? 各位兄弟帮忙看一下, 谢了. 或者说该怎样取值? +展开-JavaScriptfunctionTest(){vararrData=[];GetInfo(arrData);}functionGetInfo(arrData){if(bXmlHttpSupport){varsUrl='info.php';varoRequest=newXMLHttpRequest();oRequest.onreadys..

css浮动层lightbox效果

评论(0)浏览(269)分类：JavaScript/Ajax开发技巧
css浮动层lightbox效果　　css浮动层lightbox效果，点击按钮弹出悬浮的选择框怎么实现。!doctype htmlstyle#lightbox{width:100%;height:100%;left:0;top:0;position:fixed;background:#000;filter:alpha(opacity=50);opacity:.5;display:none}#layer{background:transparent;position:fixed;display:none;z-index:10;/*注意下面2行样式，水平垂直居中用*/left:50%;wi..

javascript动态添加css类到style标签中

评论(0)浏览(269)分类：JavaScript/Ajax开发技巧
javascript动态添加css类到style标签中　　 javascript动态给style标签添加css样式类示例代码 titlejavascript动态给style标签添加css样式类示例代码/title style type=text/css id='contentCss'/stylescript language=JavaScript var style = document.getElementById('contentCss'), css = 'p{ color:red; }p.p2{color:blue}p.p3{color:green}'; if ..

firefox Streaming AJAX实现源代码

评论(0)浏览(266)分类：JavaScript/Ajax开发技巧
firefox Streaming AJAX实现源代码　　Streaming AJAX即所谓的服务器推技术使用ajax来实现，AJAX 实现服务器推与传统的 AJAX 应用不同之处在于：服务器端会阻塞请求直到有数据传递或超时才返回。客户端 JavaScript 响应处理函数会在处理完服务器返回的信息后，再次发出请求，重新建立连接。当客户端处理接收的数据、重新建立连接时，服务器端可能有新的数据到达；这些信息会被服务..

select多选option左右上下移动示例

评论(0)浏览(265)分类：JavaScript/Ajax开发技巧
select多选option左右上下移动示例　　select多选option在２个select间左右移动，将选中的option上下移动示例titleselect多选option左右移动示例_JavaScript/Ajax_Web开发网/titletable border=1 tr td select multiple size=10 id=s1 script for (var i = 0; i 15; i++) document.write('option' + i + '/..

jQuery点赞+1放大效果

评论(0)浏览(263)分类：JavaScript/Ajax开发技巧
jQuery点赞+1放大效果　　jquery实现点赞+1动态放大后消失效果，模仿163点赞或踩效果。!doctype htmlhtml lang=enhead meta charset=gb2312 titlejQuery点击弹出+1放大效果/title style type=text/css body { margin: 0; padding: 0; font: 12px/1.5 arial; color: #3E3E3E; } p { ..

jquery+flash显示图片实时加载进度插件

评论(0)浏览(263)分类：JavaScript/Ajax开发技巧
jquery+flash显示图片实时加载进度插件　　本jquery插件主要使用了flash的功能，来实现大图片的加载，并实时返回加载图片的进度。从以前写的一个纯JS代码改动而来，As+lightbox+js实现实时加载图片进度　　本插件同时使用了jquery浮动层拖动插件。Flash源代码点击这里下载　　JavaScript和flash之间相互调用方法的相关总结JavaScript调用flash.external.ExternalInterface.addCallbac..

google chart显示全部顶点的tooltip

评论(0)浏览(261)分类：JavaScript/Ajax开发技巧
google chart显示全部顶点的tooltip2012-9-18更新：IE9部分浏览器支持svg绘图，修改了获取路径的方法。由于IE得到的path信息会多一些空格出来，改为用正则获取顶点信息　　今天在csdn看到一个使用google chart绘制LineChart图标，需要提示显示全部显示出来，而不是当鼠标悬浮到顶点的时候才显示提示信息tooltip。　　下午看了下google chart的api文档，没有发现有显示全部提示信息..

哪些浏览器支持HTML5的WebSocket API

评论(0)浏览(261)分类：JavaScript/Ajax开发技巧
哪些浏览器支持HTML5的WebSocket API　　浏览器的最新版本已经支持了WebSocket API。下面是常见的浏览器支持它：?苹果Safari（当前的稳定版） ?谷歌浏览器（目前的稳定版） ?Mozilla Firefox浏览器（版本4撰写本文时测试阶段） 　　微软声称，互联网浏览器9将对WebSocket在发布API支持。目前Opera不支持WebSocket的API。 　　如果你正在寻找更好的支持传统的外观有一个在“彗星”的..

web编辑器过滤word文档信息时出现的问题

评论(0)浏览(260)分类：JavaScript/Ajax开发技巧
web编辑器过滤word文档信息时出现的问题　　昨天帮同事修改一条新闻的内容，使用的是ewebeditor编辑器，发现如果内容全部为英文的时候，粘贴进入编辑器后会自动添加上font face=Verdana，指定字体样式的代码，⊙﹏⊙b汗。这样就和页面原始指定的字体不一样了。　　后面查看了ewebeditor编辑器的代码，发现ewebeditor在IE下为了过滤word文档粘贴进来的内容，对剪贴板的内容进行了处理，..

js遍历表单组合成键值对字符串

评论(0)浏览(260)分类：JavaScript/Ajax开发技巧
js遍历表单组合成键值对字符串　　JavaScript将表单对象中输入控件组合成键值对字符串，方便ajax提交数据。和jQuery表单的serialize方法一样 function serializeForm(f) {//参数f为表单这个DOM对象 var params = '', tmp; for (var i = 0; i f.elements.length; i++) { if (f.elements[i].name) { ..

javascript在select指定位置插入option

评论(0)浏览(259)分类：JavaScript/Ajax开发技巧
javascript在select指定位置插入option　　在dhtml的DOM方法中有insertBefore方法，在浏览器下面可以使用此方法在指定的位置给select添加option对象。不过IE下调用insertBefore时，能添加option，但是创建的option对象设置的text属性会不显示，是空白，需要设置innerText属性来实现。　　javascript在select指定位置插入option测试代码如下script type=text/javascriptfunction Inser..