js判断是否为IE11浏览器

评论(0)浏览(428)分类:JavaScript/Ajax开发技巧
js判断是否为IE11浏览器  IE11的navigator里面已经不包含MSIE字符串,window.ActiveXObject也不再支持。要判断是否IE11浏览器,可以使用下面的代码IE11的navigator.userAgent输出为:Mozilla/5.0 (Windows NT 6.1; Trident/7.0; SLCC2; .NET CLR 2.0.50727; Media Center PC 6.0; rv:11.0) like Gecko function isIE() { //ie? if (!!window.ActiveXObje..

css3 3d翻牌效果

评论(0)浏览(323)分类:HTML/CSS兼容/XML
css3 3d翻牌效果  css3动画3d翻牌效果,请用firefox和chrome查看示例htmlheadtitlecss3 3d翻牌效果/titlestyle type=text/css.kuang{height: 300px;width: 200px;border: 2px solid black;position:relative}.poker{height: 300px;width: 200px;background-color: #00ffff;position: absolute;left: 0px;top: 0px;-webkit-transition:all 1s linear;-webkit-t..

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

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

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

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

chrome完全取消同源访问策略控制

评论(0)浏览(1035)分类:HTML/CSS兼容/XML
chrome完全取消同源访问策略控制  由于chrome的同源访问策略,会导致即使是本地测试js效果时也会报错。chrome本地测试访问iframe,parent,opener null解决办法配置chrome支持本地(file协议)ajax请求chrome无法保存本地设置cookie解决办法  具体问题问题解决办法参考上面的文章。如果想一次性解决上面的所有问题,可以增加--disable-web-security启动参数,怎么增加启动参..

chrome本地测试访问iframe,parent,opener null解决办法

评论(0)浏览(3264)分类:HTML/CSS兼容/XML
chrome本地测试访问iframe,parent,opener null解决办法  使用谷歌chrome浏览器时,如果双击运行或者拖拽html文件进入chrome中以file协议查看js效果,由于chrome的同源策略,父页无法访问iframe中的内容,iframe也无法通过parent对象获取父页的引用。同样对于window.open打开的本地网页,也无法通过opener或者存储打开页面的句柄来访问被打开的页面,在chrome控制台会出现下面类似的错误信息Uncaugh..

chrome浏览器iframe parent.document为undefined

评论(1)浏览(2255)分类:JavaScript/Ajax开发技巧
chrome浏览器iframe parent.document为undefined2014-11-05更新:这个问题是由于chrome的同源访问造成的,一般需要发布网站后访问,否则需要给chrome增加启动参数,允许访问本地资源文件。如果你是开发人员,增加chrome的配置是最好的,就不需要再搭建服务器进行访问。参考:配置chrome支持本地(file协议)ajax请求  chrome浏览器iframe parent.document为undefined,对于window.open打开的..

meizz日历控件,梅花雨日历控件,支持时间选择

评论(0)浏览(867)分类:JavaScript/Ajax开发技巧
meizz日历控件,梅花雨日历控件,支持时间选择  meizz大牛以前写的一个日历控件,支持日期,时间,精确到秒的选择,不过美中不足就是不兼容firefox,经本人修改,现在已经兼容firefox。  测试浏览器:IE7,IE8,firefox4,chrome21.0.1180.79 m  效果如下图所示  源代码如下script // 主调用函数是 setday(this,[object])和setday(this),[object]是控件输出的控件名,举两个例子..

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

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

div模拟select左右移动效果

评论(0)浏览(207)分类:JavaScript/Ajax开发技巧
div模拟select左右移动效果  div模拟select option对象左右移动效果,同时增加右边货物自动增加效果。  源代码如下script type=text/javascript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js/scriptstylea{text-decoration:none}.select{overflow:auto;width:100px;height:120px;float:left;border:solid 1px #ccc;line-height:20px; -moz-user-se..

jquery仿京东商城三级联动代码插件

评论(0)浏览(1477)分类:JavaScript/Ajax开发技巧
jquery仿京东商城三级联动代码插件  模仿京东送货地址省市县3级联动,已经做成jQuery插件形式,效果图如下  jquery仿京东商城三级联动代码插件DEMO!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=Content-Type content=text/html; chars..

ie execCommand saveas为txt文件会在某个长度后换行

评论(0)浏览(199)分类:JavaScript/Ajax开发技巧
ie execCommand saveas为txt文件会在某个长度后换行  今天在csdn看到一个问题,在IE下exeCommand 调用saveas命令,将某些内容存为txt文件时,当一行的长度大于某个长度时,会自动换行,而实际保存的内容是没有换行的。  示例代码如下script type=text/javascript function fnsave() { var tab = document.getElementById(a); var contents = tab.innerHTML; var winn..

异步ajax请求如何控制执行循序

评论(0)浏览(219)分类:JavaScript/Ajax开发技巧
异步ajax请求如何控制执行循序  ajax多个请求时,如果下一次请求依赖上一次的请求结果,或者希望能按照请求循序先后返回,而不是乱序返回,需要自己写代码控制ajax的执行循序,而不是for或者jquery的each并发发起ajax请求,这样无法控制ajax的返回循序。当然如果你不想用异步请求,改为同步请求可以控制for,each的并发ajax请求返回循序,但是对于jsonp这种只能异步加载的数..

jQuery Slider滑动条取值插件

评论(0)浏览(1116)分类:JavaScript/Ajax开发技巧
jQuery Slider滑动条取值插件  jQuery Slider滑动条取值插件,jQuery源插件没有左右+/-增加滑动条按钮,可以增加按钮,调用jQuery Slider的value方法进行设置或者获取当前显示的值显示在输入框中。  添加的+/-按钮有点丑,自己美化下,效果如下  jQuery Slider滑动条取值插件demo源代码如下!doctype htmlhtml lang=enheadmeta charset=utf-8titlejQuery Slider滑动条取..

javascript判断2个对象是否重叠

评论(0)浏览(676)分类:JavaScript/Ajax开发技巧
javascript判断2个对象是否重叠  如何用javascript判断给定的2个div对象是否存在重叠部分,算法如下1)判断4个顶点是否在另外一个对象的区域内2)上面的判断失败,则为十字架关系,内部一部分包含在另外一个对象中,但是顶点相互不在对方内部注意:上面2个步骤需要相互转换过参考对象  测试源代码如下,居于jquery框架!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transit..

阻止默认浏览器按钮刷新操作事件

评论(0)浏览(1042)分类:JavaScript/Ajax开发技巧
阻止默认浏览器按钮刷新操作事件  javascript如何阻止浏览器刷新操作,如按下F5按钮,右键弹出菜单选择刷新操作,ctrl+R强制刷新页面。  下面的代码仅适用于下面的3中操作,对于点击浏览器上的刷新按钮这个没办法控制(只能提示用户是否要离开页面,由用户控制是否离开操作,而不能用javascript代码强制停留在此页面或者进行其他的操作)在浏览器按下F5按钮右键页面弹出菜..

IE6,IE7,IE8输入元素input,textarea继承父节点margin-left值解决办法

评论(0)浏览(695)分类:HTML/CSS兼容/XML
IE6,IE7,IE8输入元素input,textarea继承父节点margin-left值解决办法  在IE6,IE7,IE8(IE8未添加xhtml,在backpack模式下),如果父节点设置了margin-left属性,会导致输入元素如input,textarea继承父元素的margin-left导致偏移,测试代码和效果图如下!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdtitleIE6,IE7,IE8输入元素input..

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

评论(0)浏览(481)分类: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/..

IE6/IE7下子元素position relative,父元素overflow auto子元素不滚动

评论(0)浏览(255)分类:HTML/CSS兼容/XML
IE6/IE7下子元素position relative,父元素overflow auto子元素不滚动  在IE6,IE7下,子元素使用position:relative定位、父元素使用overflow:auto后,当滚动父元素的滚动条后,position:relative定位子元素没有随滚动条滚动,而是固定在原来的位置,犹如position:fixed定位效果。  IE6/IE7下子元素position relative,父元素overflow auto子元素不滚动示例图如下正常显示,子元素未滚动前滚动父元素滚动条后,子..

javascript 18位身份证号码最后一位校验码

评论(0)浏览(91)分类:JavaScript/Ajax开发技巧
javascript 18位身份证号码最后一位校验码  javascript 18位身份证号码最后一位校验码源代码titlejavascript 18位身份证号码最后一位校验码/titlescript function getIDChar18(id) { var arr = id.split(''), sum = 0, vc = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2]; for (var i = 0; i 17; i++) sum += vc[i] * parseInt(arr[i]); r..

IE创建iframe设置frameborder为0

评论(0)浏览(291)分类:JavaScript/Ajax开发技巧
IE创建iframe设置frameborder为0  在IE7-浏览器或者为添加xhtml申明的IE8浏览器(IE9+未测试),动态创建的iframe,当通过setAttribute设置iframe的frameborder时,IE下调用setAttribute设置属性时,frameborder是严格区分大小写,属性名称要写为frameBorder,不能为frameborder,否则无法去掉iframe的frameborder,会默认为1。  标准浏览器或者添加了xhtml申明的IE8+浏览器..

ligerui给ligerForm中的ligerComboBox添加事件

评论(0)浏览(3321)分类:JavaScript/Ajax开发技巧
ligerui给ligerForm中的ligerComboBox添加事件  当通过ligerForm的fields配置类型为select的combobox时,给options配置tree中添加相关事件,如onSelect,这样是无法触发事件的。因为通过ligerForm来配置comboBox时,字段field的配置对象会转换为对应的JSON字符串赋值给一个输入控件的ligerui自定义属性,转为对应的JSON字符串时,属性值为函数的属性会自动丢失,导致ligerui自定义属性中并..

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

评论(0)浏览(274)分类: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..

网站导航栏目焦点设置

评论(0)浏览(1715)分类:JavaScript/Ajax开发技巧
网站导航栏目焦点设置  一般访问网站时,访问到不同的栏目,导航上的链接会高亮,显示的样式和其他栏目不一样,这种效果实现很简单,原理如下  获取当前的url路径location.pathname,然后和导航中的链接匹配,匹配了就设置焦点样式。如果栏目不是页面,而是通过传递参数来实现,可以location.search中获取栏目参数来匹配。  下面是一个就简单的示例,建立1.htm..

多行文本显示实现text-overflow ellipsis省略号

评论(0)浏览(398)分类:HTML/CSS兼容/XML
多行文本显示实现text-overflow ellipsis省略号  对于只有一行的内容,实现超出显示范围内的内容用省略号显示的效果,示例代码如下style.ellips{position:relative;width:100px;height:60px;line-height:20px;overflow:hidden;background:#eee}.ellips .dot{position:absolute;right:0px;bottom:0px;height:20px;background:#fff}/stylediv class=ellipsdiv class=dot.../divdiv relative定..

IE7-浏览器设置子容器innerHTML会导致父容器offsetTop更改

评论(0)浏览(284)分类:HTML/CSS兼容/XML
IE7-浏览器设置子容器innerHTML会导致父容器offsetTop更改  今天碰到一个问题,IE7-浏览器下(或者Quirks模式下),如果设置设置子容器的innerHTML,当设置的内容为table并且包含了align=center,会导致父容器的offsetTop增加,从而使父容器向下移动。  测试代码如下,子容器table没有align=center属性,设置子容器不会修改父容器的offsetTop属性div id=bb style=border:1px solid gray;overflow:hi..

javascript实现平方米,亩,公顷单位换算

评论(0)浏览(166)分类:JavaScript/Ajax开发技巧
javascript实现平方米,亩,公顷单位换算  javascript实现平方米,亩,公顷单位换算,可以通过url传递参数指定输入框的值为任何中单位的值。  源代码如下 select onchange=selectChange(this) id=sel option value =公顷公顷/option option value =亩亩/option option value=平方米平方米/option /select 这个input的值可能是3公顷、3亩、3平方米 inp..

数组sort排序方法webkit浏览器(chrome)排序错乱

评论(0)浏览(288)分类:JavaScript/Ajax开发技巧
数组sort排序方法webkit浏览器(chrome)排序错乱  javascript调用数组的sort方法对数组进行排序的时候,注意传递进入sort方法函数要返回0(相等),正数(大于),负数(小于)这3种数字,不能返回true/false,要不在webkit核心浏览下(如chrome,搜狗高速模式)可能导致排序出错。  异类排序script var arr = [1, 4, 5, 3, 2, 6, 7]; arr.sort(function (a, b) { return b a });//..

window.open打开网址报错:已经计划系统关机

评论(0)浏览(336)分类:JavaScript/Ajax开发技巧
window.open打开网址报错:已经计划系统关机  javascript调用window.open打开网站的时候,IE浏览器下报错:已经计划系统关机  百度找了下都是莫名其妙的自动好了,可以查看这个帖子:诡异的JS,已经计划系统关机错误。  于是改用谷歌搜索相关英文内容,serverfault.com上也有人碰到过这个问题,满意答案还比较靠谱:IE8 script error 800704a6?The only information I've been a..

IE7-容器内部的浮动元素float:left碰到容器边界内换行bug

评论(0)浏览(933)分类:HTML/CSS兼容/XML
IE7-容器内部的浮动元素float:left碰到容器边界内换行bug  IE7-浏览器或者IE8浏览器下(没有添加xhtml申明的html),容器内部的浮动元素,当碰到容器的边界时,碰到边界的那个元素不会自动换到下一行显示,而是在当前行显示,超出剩余空间的文字自动在这个浮动元素内容换行显示,效果图如下firefox浏览器IE7浏览器IE6浏览器  源代码如下style.xx{zoom:1;width:200px;}.xx a{ float: left; fo..