offsetTop、offsetLeft是如何计算的

评论(0)浏览(506)分类:HTML/CSS兼容/XML
offsetTop、offsetLeft是如何计算的在元素 A 上调用 offsetTop 属性时,必须按以下算法返回结果值: 如果元素 A 是 HTML 的 body 元素,其 display 属性计算值是 none,或者不具有 CSS 布局盒子,则返回 0,并停止本算法。 如果元素 A 的 offsetParent 是 null 或者是 HTML 的 body 元素,以 CSS 像素为单位返回元素 A 上边框距画布原点的垂直距离,并停止本算法。 以 CS..

jquery模拟marquee滚动

评论(0)浏览(505)分类:JavaScript/Ajax开发技巧
jquery模拟marquee滚动  jquery模拟marquee滚动效果,可以设置滚动完毕后间隔多少秒再重新滚动。如果是只需要兼容IE浏览器,marquee有个onfinish事件(需要指定loop或者behavior为behavior=slide才会触发onfinish事件),可以使用此事件结合setTimeout重启marquee。测试firefox不支持marquee的stop和start方法,所以要兼容firefox使用js控制效果最佳。  jquery模拟..

扩展IE下的input selectionStart selectionEnd属性

评论(0)浏览(504)分类:JavaScript/Ajax开发技巧
扩展IE下的input selectionStart selectionEnd属性  firefox有selectionStart和selectionEnd属性,指示被选择的内容的开始和结束位置,如果没有选择,则selectionStart和selectionEnd一样。IE没有selectionStart selectionEnd属性,可以使用下面的代码扩展。+展开-HTMLinputonclick="selStart(this)"value="1,22,333,2,322,6,3321"/scripttype="text/javascript"functionselStart(o){if(docume..

js用flash方法报错:Error: Error calling method on NPObject!

评论(0)浏览(502)分类:JavaScript/Ajax开发技巧
js用flash方法报错:Error: Error calling method on NPObject!  javascript调用flash使用flash.external.ExternalInterface.addCallback注册的方法时,出现了Error: Error calling method on NPObject!错误。  网上找了下说是安全问题uncaught exception: Error calling method on NPObject! [plugin exception: Error in Actionscript. Use a try/catch block to find error.]默认actionscript中不允许..

Javascript中给变量赋多行字符串的方法

评论(0)浏览(502)分类:JavaScript/Ajax开发技巧
Javascript中给变量赋多行字符串的方法  今天在缩减新浪HTML编辑器时看到了一段代码,可以一次性给变量赋值多行文本,而不使用连接符号+,但是转义字符还得注意转义一下。看来自己的javascript还是没学到家,有这种用法自己不知道,嘎嘎~~  要赋值的多行文本如下这个是一行第二行第三行  脚本如下+展开-JavaScriptvarstr='这个是一行\第二行\第三行\';alert(str)  下面是在网..

移动到子容器上触发父容器mouseout事件解决办法

评论(0)浏览(501)分类:JavaScript/Ajax开发技巧
移动到子容器上触发父容器mouseout事件解决办法  容器下包含a,select标签,鼠标移动到子容器下都会触发mouseout事件,文本内容,如这里列出来的则不会触发mouseout事件。div style=width:300px;height:200px;border:solid 1px black onmouseout=alert('MOUSEOUT')容器下包含a,select标签,鼠标移动到子容器下都会触发mouseout事件,文本内容,如这里列出来文字的则不会触发mouseout..

jqGrid提交数据模块

评论(0)浏览(501)分类:jqGrid中文API
jqGrid提交数据模块  有些时候需要精确操作提交的数据对象。setGridParam有些时候不能满足要求,所以需要提交数据模块。作者Paul Tiseo安装要使用这个方法,需要在下载页面勾选Post methods模块后再下载jqGrid,下载地址:http://www.trirand.com/blog/?page_id=6。源文件grid.postext.js在src目录中。描述这个模块的主要目的是操作传递给夫妻的数据和从服务器获..

css控制英文字母的大小写

评论(0)浏览(500)分类:HTML/CSS兼容/XML
css控制英文字母的大小写  css如何控制英文字母的大小写style.uc{text-transform:uppercase;/*用此样式后英文字母都显示为大写*/}.lc{text-transform:lowercase;/*用此样式后英文字母都显示为小写*/}/stylediv class=ucall the english word in this div be changed to upper case/divbr /div class=lcall the english word in this div be changed to lower case/div

数字在主键盘和小数字键盘下的keyCode值不一致

评论(0)浏览(500)分类:JavaScript/Ajax开发技巧
数字在主键盘和小数字键盘下的keyCode值不一致  keydown或者keyup事件中获取键盘按下的keyCode值时需要注意,主键盘上数字按键的keyCode值和小键盘上的数字keyCode值是不一样,如果不注意这点,小心程序出现问题。  主键盘的数字0~9的keyCode为:48~57  小键盘上的数字0~9的keyCode则为:96~105  JavaScript中键盘按下的keyCode问题  在使用JavaScript做WEB键盘事件侦听捕获时,主..

Geolocation API

评论(0)浏览(499)分类:HTML/CSS兼容/XML
Geolocation APIHTML5 中的新功能位置信息浏览器支持情况隐私HTML5 Geolocation API构建实用应用结束语下载参考资料 关于作者  在 HTML5 中,当请求一个位置信息时,如果用户同意,浏览器就会返回位置信息,该位置信息是通过支持地理定位功能的底层设备(比如笔记本电脑或手机)提供给浏览器 的。位置信息由纬度、经度坐标和一些其他元数据组成。例如北京故宫..

ajax对象abort方法

评论(0)浏览(492)分类:JavaScript/Ajax开发技巧
ajax对象abort方法  ajax对象的abort()方法可以停止一个XMLHttpRequest对象对HTTP的请求,把该对象恢复到初始状态。  例如,如果某个操作需要一系列的操作顺序完成,而这其中出现任何异常,都会导致当前操作的结束,当检测到某个步骤出现异常时,使用abort()方法,中止当前的处理。

ext4 datefield点击年月弹出层同时设置datefield内容

评论(0)浏览(491)分类:extjs开发技巧
ext4 datefield点击年月弹出层同时设置datefield内容  ext4或者ext5的datefield对象,在日期选择器中,如何在点击年月弹出层中的月份或者年份时,可以同时设置datefield对象的值,而不需要点击年份或者月份确定后返回日期选择器,再次点击日期才能设置datefield的值。  本示例居于ext4.1.1a,如果其他版本ext自己找相关版本的API来查看,效果如下  ext4 datefield点击年月弹出层同时设置date..

touchEnd事件不触发解决办法

评论(0)浏览(487)分类:JavaScript/Ajax开发技巧
touchEnd事件不触发解决办法  移动端touchEnd事件不触发解决办法div id=dv style=height:1000px/divscript document.addEventListener('touchstart', function (e) { e.preventDefault()//不增加这句touchend不会触发 }, false); document.addEventListener('touchend', function (e) { document.getElementById('dv').i..

jquery autocomplete 使用说明文档

评论(1)浏览(485)分类:JavaScript/Ajax开发技巧
jquery autocomplete 使用说明文档对应的jquery.autocomplete类库下载jquery autocomplete下载Autocomplete - a jQuery pluginNOTE: This is a modification of the jQuery Autocomplete Plug-in written by Dylan Verheul. The documentation is also based on Dylan's documentation, I made additions/changes as need to support my modifications.Usage:======$(selecto..

IE7-同级元素relative定位,子元素absolute定位z-index失效

评论(0)浏览(483)分类:HTML/CSS兼容/XML
IE7-同级元素relative定位,子元素absolute定位z-index失效  IE7-下,同级元素使用relative定位时,如果子元素使用absolute定位,这个absolute定位的子元素会被处于这个元素的父元素的后面的同级元素所覆盖,导致z-index无效(一般解决IE7- z-index失效的问题主要是给父元素增加z-index),示例代码如下!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/..

easyui combobox使用JSONP加载数据源

评论(0)浏览(482)分类:easyui开发技巧
easyui combobox使用JSONP加载数据源  本示例使用JSONP加载easyui combobox的数据源实现跨域请求数据,easyui版本为jQuery EasyUI 1.3.4。  高版本的jquery可以直接配置url增加jsonp特有参数如url?xxx=?,这样请求的地址非同源域名会自动启用jsonp操作,如果是低版本的jquery,如1.4没有这么智能,需要配置loader对象,因为easyui的默认loader对象中发送ajax的datatype为json。..

JavaScript阳历转阴历源代码

评论(0)浏览(481)分类:JavaScript/Ajax开发技巧
JavaScript阳历转阴历源代码  JavaScript阳历转阴历源代码,JavaScript阴历转阳历源代码,从百度搞下来的阳历转阴历代码script (function () { var j = [43856, 19416, 19168, 42352, 21717, 53856, 55632, 25940, 22191, 39632, 21970, 19168, 42422, 42192, 53840, 53845, 46415, 54944, 44450, 38320, 18807, 18815, 42160, 46261, 27216, 27968, 43860, 11..

修改iealert.js支持jQuery1.9+

评论(0)浏览(480)分类:JavaScript/Ajax开发技巧
修改iealert.js支持jQuery1.9+  iealert.js使用了jQuery的live方法及$.browser属性,而jQuery1.9+已经不支持这2个方法及属性,所以要兼容高版本jQuery,需要对iealert.js代码进行修改。注意:jQuery2+不再支持IE8-浏览器,不要导入2+以上的jQuery,jQuery会直接报错,不是iealert.js的问题。  修改iealert.js支持jQuery1.9+源代码及样式如下!DOCTYPE html PUBLIC -//W3C/..

ext如何读取嵌套的子json节点数据

评论(0)浏览(479)分类:extjs开发技巧
ext如何读取嵌套的子json节点数据  ext如何读取嵌套的子json节点数据,如类似下面的数据,用户详细信息放在子节点下userInfo下。nestedData.json{ rows: [ { userName: system, userInfo: { active: true, address: 深圳市, birthday: 2014-11-03 } } ]}ext如何读取嵌套的..

javascript浮点数运算精度问题

评论(0)浏览(479)分类:JavaScript/Ajax开发技巧
javascript浮点数运算精度问题分析  JavaScript 只有一种数字类型 Number ,而且在Javascript中所有的数字都是以IEEE-754标准格式表示的。 浮点数的精度问题不是JavaScript特有的,因为有些小数以二进制表示位数是无穷的:十进制 二进制0.1 0.0001 1001 1001 1001 ...0.2 0.0011 0011 0011 0011 ...0.3 0.0100 1100 1100..

Chrome扩展开发教程(三)Browser Action(扩展图标)

评论(0)浏览(479)分类:JavaScript/Ajax开发技巧
Chrome扩展开发教程(三)Browser Action(扩展图标)文章翻译自http://code.google.com/chrome/extensions/browserAction.html,介绍Browser Action,即右侧的扩展图标。Browser Actions的作用就是控制Chrome地址栏右侧添加一个图标。除了给chrome增加一个图标的功能外,还可以设置提示文字、图标标记、弹出窗口。下图中,在地址栏右侧的彩色图标就是一个Browser Action。Browser Actions创建的图标..

html编辑器回车换行如何指定为br

评论(0)浏览(477)分类:JavaScript/Ajax开发技巧
html编辑器回车换行如何指定为br  用iframe作为html编辑器或者web编辑器的容器时,如果不做特殊处理,不同浏览器下对回车的生成的html代码不全相同(主要是低版本的IE浏览器,如IE8-)。firefox和chrome对回车生成的html代码是br,而IE下是P标签。  要想规范html编辑器响应回车按键,生成统一的标签,如br换行,可以给iframe编辑器容器添加keydown事件,阻止默认的浏览器事..

easyui datebox设置日期范围,其他不可选

评论(0)浏览(477)分类:easyui开发技巧
easyui datebox设置日期范围,其他不可选  easyui datebox没有同my97日历控件配置限制可以选择日期的范围,easyui要限制日期选择,需要自己扩展功能。  easyui datebox参考其他控件值设置范围可以参考此文:easyui datebox范围设置日期对比参考  easyui datebox设置日期范围,其他不可选源代码如下,easyui测试版本为1.3.3,1.4,1.4.1,1.4.3,1.4.4,其他版本没效果可以最后留言..

Microsoft.AlphaImageLoader导致链接,输入框失效

评论(0)浏览(475)分类:HTML/CSS兼容/XML
Microsoft.AlphaImageLoader导致链接,输入框失效  IE浏览器下的AlphaImageLoader滤镜会导致该区域内的链接,按钮,输入框无法点击或者输入  解决办法:为链接或按钮添加:position:relative样式使其相对定位  提示:要使用Microsoft.AlphaImageLoader滤镜,需要添加xhtml申明,要不没效果。Microsoft.AlphaImageLoader滤镜讲解测试代码1,没有增加position:relative,输入框无法输入获取..

bootstrap datetimepicker控制可选时间区域

评论(0)浏览(469)分类:JavaScript/Ajax开发技巧
bootstrap datetimepicker控制可选时间区域  bootstrap datetimepicker插件如何控制可选择的时间区域,bootstrap datetimepicker插件如何禁用不用选时间区域。  解决办法:给bootstrap datetimepicker添加changeDate事件,获取选择的小时数据部分增加判断,不符合选择的时间区域清空选中的值。  bootstrap datetimepicker控制可选时间区域源代码如如下,只能选择8~21点之间的时间$(..

Jstorage类库本地存储数据

评论(0)浏览(468)分类:JavaScript/Ajax开发技巧
Jstorage类库本地存储数据  jStorage使用 HTML5localstorage 作为存储容器或者不支持local storage时(IE7-)则使用 userDatabehavior 作为存储容器。  对于IE浏览器,存储的数据位置为userData  在XP下,一般位于C:\DocumentsandSettings\用户名\UserData,有些时候会在C: \DocumentsandSettings\用户名\ApplicationData\Microsoft\InternetExplorer \UserData。 ..

jqGrid没有数据标题超出容器部分无法滚动解决办法

评论(0)浏览(467)分类:jqGrid中文API
jqGrid没有数据标题超出容器部分无法滚动解决办法  jqGrid没有数据时,标题超出容器部分无法滚动,如下图所示jqGrid有数据,可以出现水平滚动条jqGrid无数据,没有滚动条,无法滚动显示其他部分页头  因为jqGrid页头使用js来移动的,页头容器默认overflow:hidden,只需要添加loadComplete事件判断没有数据往head添加样式允许出现水平滚动条即可。本示例居于4.6版本jqgrid,其他版本注意修改..

IE8+只有在xhtml模式下才支持JSON对象

评论(0)浏览(464)分类:JavaScript/Ajax开发技巧
IE8+只有在xhtml模式下才支持JSON对象  标准浏览器如chrome,firefox都支持JSON对象,将json对象转为对应json格式的字符串(JSON.stringify)或者将json格式的字符串转为json对象(JSON.parse)。  IE8+浏览器也支持JSON对象,但是是有条件的,需要添加xhtml申明或者使用X-UA-Compatible指定为IE8或者edge模式,X-UA-Compatible要放对位置,要不有可能无效。参考:IE X-UA-Compa..

jQuery1.4.2 ajax存在一个严重bug问题

评论(1)浏览(464)分类:JavaScript/Ajax开发技巧
jQuery1.4.2 ajax存在一个严重bug问题  最新的jQuery1.4.2版本在使用ajax时存在一个严重的bug问题,如果指定dataType为json,竟然死活不进入success回调函数,而其他版本,如1.2.6是正常的,郁闷~  其实不是bug,下载的API文档没有详细说明,导致以为是bug,说明参考最下面的文章。示例代码如下ajax请求的页面,test.asp+展开 -HTML%response.write?"{success:false,id:'"reques..

easyui calendar日历头部格式修改

评论(0)浏览(461)分类:easyui开发技巧
easyui calendar日历头部格式修改2017-6-3:更新,直接修改jquery.easyui.min.js源代码,用下面的代码如果点击页头弹出月份选择层,点击层上的按钮还是会显示默认的月年格式,还的给月份层对象添加click事件。太麻烦还不如直接修改源代码。记事本打开jquery.easyui.min.js,查找 find(.calendar-title span).html,这个就是设置calendar头部内容,将参数值改为下面。注意:jquer..