IE css expression中获取scrollTop属性

评论(0)浏览(607)分类：JavaScript/Ajax开发技巧
IE css expression中获取scrollTop属性　　今天在做一个浮动效果，由于IE6-不支持position:fixed，所以就对IE6-浏览器可以考虑使用IE专有css行为expression+position:absolute来实现。下面的代码全部在IE6-浏览器下测试。　　HTML结构div class=ieexp浮动层/div　　开始定义样式如下.ieexp{top:expression(document.body.scrollTop);left:0px;}　　结果发现浮动层在IE下固定在了顶部，..

javascript判断中为假false的值

评论(0)浏览(604)分类：JavaScript/Ajax开发技巧
javascript判断中为假false的值　　JavaScript中有 6 个值为假，这六个值是falsenullundefined0'' (空字符串)NaN　　虽然这六个值都为假，它们之间并非都相等console.log( false == null ) // falseconsole.log( false == undefined ) // falseconsole.log( false == 0 ) // trueconsole.log( false == '' ) // trueconsole.log( false =..

ajax无刷新上传文件，使用iframe模仿

评论(2)浏览(585)分类：JavaScript/Ajax开发技巧
ajax无刷新上传文件，使用iframe模仿其实ajax是无法上传文件的，所以得用隐藏的iframe来模仿ajax未出现之前，一直都是隐藏的iframe来实现无刷新操作如果谁看过图灵程序设计丛书的Ajax高级编程，就知道了。示例下载点击这里下面列出代码，asp的上传代码太麻烦，就使用。net了。。。upload.ashx%@ WebHandler?Language=C# Class=upload %using System;using System.Web;public class ..

javascript有哪些基本数据类型

评论(0)浏览(583)分类：JavaScript/Ajax开发技巧
javascript有哪些基本数据类型前端面试中常被问到的问题之一就是JavaScript的基本类型有几种？。有的回答数字、字符串、布尔，有的可能会再加上Null、Undefined。而有人可能认为object也是基本类型。到底是什么样呢？所谓基本类型（primitive types）的概念ECMAScript（V3，V5）中压根就没有，它只是将类型分为6种。ECMAScript只提到类型，用types表示，在V3，V5整个文档搜关..

referrer 来源页面 hash值丢失

评论(0)浏览(582)分类：网站排名及优化
referrer 来源页面 hash值丢失　　今天编写一个获取搜索引擎输入关键字的代码时，发现如果来源页面包含了hash值，发现无法获取到来源页面的hash值。　　因为在Firefox中直接输入google.com.tw进行搜索时，发现google.com.tw尽然将查询内容放在hash对象里面，而不是search对象中，这样使用document.referrer获取不到来源页面的hash。　　不过我是通过firebug修改搜索结果的链接..

输入框onchange,oninput,onpropertychange事件区别

评论(0)浏览(580)分类：HTML/CSS兼容/XML
输入框onchange,oninput,onpropertychange事件区别输入框（input）onchange,oninput,onpropertychange事件区别和兼容行分析onchange触发条件：输入框的值改变，失去焦点(onblur)后触发。兼容性：各浏览器都支持。oninputonpropertychange触发条件：输入时，实时触发，而不是失去焦点才触发。兼容性：oninput：Chrome/IE9/Firefox/Safari/Operaonpropertychange：IE6/IE7/IE8/IE9所以如果要实现输..

JavaScript限制输入框只允许输入数字和符号，小数点

评论(0)浏览(569)分类：JavaScript/Ajax开发技巧
JavaScript限制输入框只允许输入数字和符号，小数点　　JavaScript限制输入框只允许输入数字和符号，小数点，不允许输入其他内容，并且输入符号后不能在前面输入数字，小数点同理。titleJavaScript限制输入框只允许输入数字和符号，小数点/titleinput type=text onkeydown=return checkKeyCode(event,this) style=ime-mode: disabled; /script function getCursorPosition(el) {//获取光标位置..

自定义上传控件样式

评论(0)浏览(568)分类：JavaScript/Ajax开发技巧
自定义上传控件样式　　有些时候我们不需要默认的上传控件input=file的样式，而是现实自定义的样式和文字，而不是单一的浏览...样式，我们可以使用浮动层来实现。　　原理：将上传控件input=file设置为透明的，然后添加2个控件。1）一个在上传控件input=file的浏览...按钮下面，因为上传控件input=file是透明的，所以看到的是这个自己定义的控件，不过注意大小和位..

javascript自动格式化输入的数字金额

评论(1)浏览(565)分类：JavaScript/Ajax开发技巧
javascript自动格式化输入的数字金额　　需求：javascript自动格式化输入的数字金额，每3位数字后面增加一个,逗号分隔开，失去焦点后自动删除逗号，防止数据库写入数字类型的字段时出错，获取焦点或者输入的时候自动格式化金额。效果如下源代码如下script function formatter(o, blur) { o.value = o.value.replace(/[^\d]/g, '');//删除非数字的内容，防止乱输入..

javascript/asp.net转换字符串为16进制编码

评论(0)浏览(560)分类：JavaScript/Ajax开发技巧
javascript/asp.net转换字符串为16进制编码　　将字符串编码为１６进制\u（asciis大于256）或者\x（ascii小于等于256）编码的字符串，当原页面和请求页面编码不统一时，可以有效解决中文内容乱码问题。　　javascript将字符串转为16进制编码内容，以\x16进制形式显示在源代码中，实现代码的简单加密。源代码如下script function sToHex(str) { var val = ,charCode,s; f..

jquery ui draggable限制拖动区域

评论(0)浏览(555)分类：JavaScript/Ajax开发技巧
jquery ui draggable限制拖动区域　　jquery ui draggable如何限制被拖动对象的位置区域，不允许在指定区域内容放置被拖动的对象，如果在禁止区域内容放置对象则还原被拖动对象位置，效果如下。　　jquery ui draggable限制拖动区域源代码如下!doctype htmlhtml lang=enheadmeta charset=utf-8titlejquery ui draggable限制拖动区域/titlelink rel=stylesheet href=http://code...

HTML5 history对象新方法pushState/replaceState

评论(0)浏览(554)分类：JavaScript/Ajax开发技巧
HTML5 history对象新方法pushState/replaceState　 　 window.location在通过JavaScript更改以后，浏览器都会通过刷新来到达你更改后的URL。　 　 而在JavaScript MVC开始流行之后，通过刷新来修改URL的方法，不禁让人感到烦躁。然而HTML5中就制定了一个这样的API，可以通过方法的方式来修改URL，而又不会使浏览器刷新，就是History API。　 　 熟悉JavaScript开发的同学，对History肯定不会陌..

扩展JavaScript trim，trimStart，trimEnd方法

评论(0)浏览(554)分类：JavaScript/Ajax开发技巧
扩展JavaScript trim，trimStart，trimEnd方法　　javascript没有类型C#的Trim，TrimStart，TrimEnd方法去除空白字符或者指定的字符，需要自己扩展javascript的string类型的prototype增加string类型的Trim，TrimStart，TrimEnd方法。　　源代码如下，来源：http://code.google.com/p/vegas/var FRL = {};FRL.strings = {};FRL.strings.whiteSpaceChars = [ \u0009 /*Horizontal tab*/ , ..

HTML5 Audio/Video属性,方法,事件列表

评论(0)浏览(553)分类：HTML/CSS兼容/XML
HTML5 Audio/Video属性,方法,事件列表audio 标签属性：src：音乐的URLpreload：预加载autoplay：自动播放loop：循环播放controls：浏览器自带的控制条Html代码audio id=media src=http://www.abc.com/test.mp3 controls/audio video 标签属性：src：视频的URLposter：视频封面，没有播放时显示的图片preload：预加载autoplay：自动播放loop：循环播放controls：浏览器自带的控制条w..

Asp.Net+flash+jquery.TY.js涂鸦插件，可保存涂鸦图片

评论(2)浏览(548)分类：JavaScript/Ajax开发技巧
Asp.Net+flash+jquery.TY.js涂鸦插件，可保存涂鸦图片　　20132-20更新：增加了加载图片的缩放功能。将缩放后的宽度传到动态页，动态页获取后重新计算坐标位置后绘图。如果涂鸦不和图片合成，当宽度小于默认的650，绘制一条分隔线。　　Asp.Net+flash+jquery实现的在线涂鸦插件，通过将涂鸦数据发送到ashx页面，ashx获取到数据后绘制图片并保存涂鸦图片。　　本示例基于謾軻（Manction），http://ma..

手机浏览器javascript事件，css总结

评论(0)浏览(547)分类：JavaScript/Ajax开发技巧
手机浏览器javascript事件，css总结1. viewport：　　也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域，这是真正有效的区域。由于移动设备屏幕宽度不同于传统web,因此我们需要改变viewport;实际上我们可以操作的属性有4 个：width - // viewport 的宽度 （范围从200 到10,000，默认为980 像素）heigh..

firefox/chrome动态设置script加载js文件失败

评论(0)浏览(547)分类：HTML/CSS兼容/XML
firefox/chrome动态设置script加载js文件失败　　firefox，chrome等w3c浏览器下面，设置script标签的src来动态加载js文件时，有2中情况1）如果script标签已经加载过js文件，那么重新设置为其他js文件的路径时，无法加载这个js文件。2）如果未加载过js文件，是一个空的script标签，那么第一次设置src时可以加载这个js文件，第二次设置就没用办法加载指定的js文件了。　　即使增加时间戳也不行..

2个并排input在XHTML摸下下IE下输入中文导致offset增加bug

评论(1)浏览(544)分类：HTML/CSS兼容/XML
2个并排input在XHTML摸下下IE下输入中文导致offset增加bug　　在IE浏览器下面，当文档申明为xhtml时，2个并排的在一起的输入控件，当一个输入框内容为非中文内容，另外一个为中文时，出现奇怪的问题。测试代码在最后1）IE8浏览器下面顶部会出现2px差距，没有对齐，并且输入框内的文字没有对齐，中文接近顶部，非中文内容和中文内容相差2px左右，如图一。图一2）IE7浏览器下面顶部对齐，但是输入框内的文..

js图片浮动碰浏览器边界反弹效果

评论(0)浏览(543)分类：JavaScript/Ajax开发技巧
js图片浮动碰浏览器边界反弹效果　　js图片浮动，碰到浏览器编辑自动反弹向方向运动效果。!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd html head title图片浮动/title style #img{ position:absolute; } /style /head body img src=http://avatar...

IE颜色渐变滤镜FILTER:progid:DXImageTransform.Microsoft.Gradient

评论(0)浏览(542)分类：HTML/CSS兼容/XML
IE颜色渐变滤镜FILTER:progid:DXImageTransform.Microsoft.GradientIE颜色渐变滤镜progid:DXImageTransform.Microsoft.Gradient参数介绍及使用语法：filter:progid:DXImageTransform.Microsoft.Gradient(enabled=bEnabled,startColorStr=iWidth,endColorStr=iWidth)参数：enabled：可选项。布尔值(Boolean)。设置或检索滤镜是否激活。 true | false　　true: 默认值。滤镜激活。　　false:滤镜被禁止。startColor..

javascript unbeforeunload/unload事件注意事项

评论(0)浏览(542)分类：JavaScript/Ajax开发技巧
javascript unbeforeunload/unload事件注意事项　　javascript中给window注册unbeforeunload/unload事件时，不要给事件添加alert，confirm等语句，高版本的浏览器如chrome【webkit核心】，IE9+等会拦截这些语句的执行。来源：http://stackoverflow.com/questions/6063522/jquery-beforeunloadIf you want to run a function as the page is unloading, you can use $(window).unload(), just ..

ajaxfileupload jQuery has no method handleError错误

评论(0)浏览(540)分类：JavaScript/Ajax开发技巧
ajaxfileupload jQuery has no method handleError错误　　使用ajaxfileupload上传文件时，如果没有反应或者报错UncaughtTypeError:Objectfunction(selector,context){//ThejQueryobjectisactuallyjusttheinitconstructor'enhanced'returnnewjQuery.fn.init(selector,context,rootjQuery);}hasnomethod'handleError'对应ajaxfileupload语句jQuery.handleError(s,xml,status,e);　　那..

js text输入框输入掩码实现

评论(1)浏览(540)分类：JavaScript/Ajax开发技巧
js text输入框输入掩码实现　　html的text输入框如何实现输入掩码，类似password输入框输入效果。　　js text输入框输入掩码实现源代码如下!doctype htmltitlejs text输入框输入掩码实现/titlestyle div.dvinput{display:inline-block;position:relative} div.dvinput input{border:solid 1px #000;height:20px;line-height:20px;display:block;background:#fff;pad..

javascript添加删除表格数据行示例

评论(0)浏览(537)分类：JavaScript/Ajax开发技巧
javascript添加删除表格数据行示例　　javascript添加删除表格数据行示例，居于jquery框架titlejavascript添加删除表格数据行示例/titlescript type=text/javascript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.1.min.js/scripttable border=1 trtdID/tdth姓名/thth联系电话/thth操作/th/trtbody id=tbRows tr id=trTpltd1/tdtdinput type=text //tdtdinput ty..

Selection.addRange方法

评论(0)浏览(533)分类：JavaScript/Ajax开发技巧
Selection.addRange方法Selection.addRange方法简介将一个 Range 对象添加到 Selection对象中使用语法sel.addRange(range)参数range将被添加到 Selection中的Range 对象示例/* 选择html文档中的所有strong元素 */var strongs = document.getElementsByTagName(strong);var s = window.getSelection();if(s.rangeCount 0) s.removeAllRanges();for(var i = 0; i stron..

javascript正则全局匹配g慎用test方法

评论(0)浏览(532)分类：JavaScript/Ajax开发技巧
javascript正则全局匹配g慎用test方法　　使用javascript的正则表达式时，如果使用test方法，需要慎用全局匹配g选项，因为多次调用test方法时会从上一次匹配的位置开始匹配，可能会导致无法匹配的错误问题，即使内容符合正则表达式要求，但是调用test方法测试时输出的为false，而不是true　　来看一道JavaScript题目，据说是国内某知名互联网企业的JavaScript笔试题，如果对正则的全..

javascript动态给图片添加热点

评论(0)浏览(531)分类：HTML/CSS兼容/XML
javascript动态给图片添加热点　　由于图片的热点一般都是写死在HTML源代码里面了，所以如果有多张独立的图片需要增加热点，而且需要根据条件显示或者隐藏其中的某些图片时，这样图片的位置就会发生变动，从而导致添加的热点对不上原图片的位置而导致失效或者乱套了。下面为1张图片拆分成4张进行热点操作。　　前提条件：热点是规则的长方形或者正方形，不能是三角形或者菱形..

ime-mode介绍

评论(0)浏览(531)分类：HTML/CSS兼容/XML
ime-mode介绍问题的来源：比如一个需要用户输入数字的输入框，如果用户在输入法全角的状态下输入的数字后台接收时可能会识别不到，为了强制用户输入的是半角字符可以用ime-mode:disabled属性。 语法：ime-mode : auto | active | inactive | disabled 参数：auto : 不影响IME的状态。与不指定ime-mode属性时相同active : 指定所有使用IME输入的字符。即激活本..