在最近做的一个项目中,有这么一个功能点:页面上有一个checkbox,当用户选择或者取消选择该checkbox时会向后台发一个jsonp请求。当时的实现是为这个checkbox添加一个onchange事件,但结果却出人意料,为此,我深入的研究了一下,发现了onchange事件在IE和FF下的表现存在着以下问题。 问题①:在FF下,当改变checkbox的选中状态时,会马上触发onchange事件。但在IE下改变checkbox的选中状态时,并不会马上出发onchange事件,而是需...
笔者注:今天我在用到onchange事件时没有任何反应,最后翻查资料才知道Onchange的局限性和不稳定性。而onpropertychange却能很好的实现尤其是它的实时捕捉性能更是很值得用一下(幸亏有这个性能,做出的东西老板娘很满意 o(∩_∩)o...)。 本人也比较懒,自己做的东西也懒的整理下来只能把搜索到的资料原版拿来个大家分享一下: IE下,当一个HTML元素的属性改变的时候,都能通过 onpropertychange来捕获。例如一个 对象的value属性...
在编写javascirpt程序过程中,用$.post方法发送数据,若数据中字符含有' 代码如下: var jsonstr={"value":"abcd<efg"}; $.post( url, { "jsonstr": jsonstr }, function (data, status) { }); 需要将其转义后再使用,使用下面的transferredChars函数转义后,再传递数据$.post即能执行。 此函数使用将''分别替换为''。 代码如下: transferredChars=function (htmlChars) { var tcs = htmlChars.replace(/</g, "<"); tcs = tcs.rep...
公司打算进入台湾市场,最近开发了繁体版本的网站,数据库里的信息全是简体,除了网页上固定的文字手动翻译了,文章内容标题都不是繁体。 于是在网上找了一段比较流行的繁简切换的JS实现了,不过后来却发现,有些页面会卡死,根本无法执行下去。弹出信息表明都是这个繁简切换的JS带来的问题。 仔细查看了下,发现原来是这个问题。分享下,也许有不少人遇到类似的问题。 先上代码: 代码如下: //模仿语言包式的简繁转换功能插件! ...
维护的项目在ie9之下运行 没有问题,新增代码之后发现不能完整展示。打开ie的开发者工具之后又可以展示完整。找了很久没找到原因,后来发现打开开发者工具之后在控制台有一条输出语句。关掉开发者工具之后,在状态栏发现提示'console' 未定义,为什么之前的运行没有问题,之后的就不行呢?百思不得其解,后来在代码中增加下面代码: 代码如下: window.console = window.console || (function(){ var c = {}; c.log = c.warn = c.de...
代码如下: 上面这段代码在IE下会生成一个多选框,单击它会选中打勾,再次单击则会取消打勾。 这样看上去并没有什么不妥的地方,但是如果你尝试快速两次单击(比双击稍微慢一点吧。。)这个按钮,可能效果并不如你想象的那样。 在IE下面,假如此时checkbox为选中状态,在你快速两次单击的过程中,第一次单击会使得checkbox取消选中,第二次单击完之后checkbox并不会变为已选中,而是继续保持取消选中状态。 在Chrome等浏览器下,第...
许多的 JS 框架类库都选择使用$符号作为函数或变量名,jQuery是其中最为典型的一个。在 jQuery 中,$ 符号只是 window.jQuery 对象的一个引用,因此即使 $ 被删除,window.jQuery 依然是保证整个类库完整性的坚强后盾。jQuery 的 API 设计充分考虑了多框架之间的引用冲突,我们可以使用 jQuery.noConflict 方法来轻松实现控制权的移交。 jQuery.noConflict 方法包含一个可选的布尔参数[1],用以决定移交 $ 引用的同时是否移交 jQue...
问题现象如题所示,在调用jQuery 滑出效果时,层会现次闪烁一下.在网上找了许多解决文案,说要加如下标示: 代码如下: 可问题是现在的 标题头已 为 html4.0 ,如若改为上面的情况,则页面会乱掉。最终找到了一个高手写的东东,重写的jQuery的滑出 效果。高手的链接地址如下: http://aqr199.myweb.hinet.net/jquery_slide_iebug.htm 代码如下: 代码如下: var b1 = new slide_fix($(#Div3)); $(#Button5).click(function(){b1....
代码如下: GoNext $("a").click(function(){ window.location.href = "xxx.html"; }) 代码如上,在IE下,特别是在IE6中,点击超链接之后,浏览器并没有发生跳转行为。 原因可能是因为在href中的javascript:void(0)阻止的事件行为,解决方法如下: 1.在onclick事件中加return false来阻止冒泡: 代码如下: $("a").click(function(){ window.location.href = "xxx.html"; reutrn false; }) 2.延迟100毫秒 代码如下: $("a").click...
好久不用js了,好多东东都忘了。最近用js拼接字符串时遇到问题了,不论怎么拼接在ie中都报错,很郁闷。 隔了一天,又拿起代码看了下,突然想起在java中拼接字符串转义字符的事,才想起js也有这个东东。 原来这样: 代码如下: tr += ""; 在编辑器中就不报错,到浏览器中怎么点onclick都都不反映,F12就报错,看了下脚本,字符串完全变样 修改后: 代码如下: tr += "“ 就没问题了。 知识总结: 在js中单双引号的效果是一样的,但...
到今天实习已经一个多月了,公司给我布置的任务很少,哎,感觉有点不爽啊。既然这样,那我还是有事情做的,写毕业设计。言归正传,我今天在写毕业设计的时候,在给一个元素绑定jquery的toggle方法之后奇迹发生了,绑定这个方法的元素全部隐藏了。开始的时候 我怎么也没想到是这里有问题,我找了半天才发现是因为绑定了toggle方法。可是为什么绑定这个方法之后元素会隐藏呢? 其实具体原因我也不知道,我通过查找资料才得知,原来jq...
今天遇到一个问题,有关ajax请求中传输中文,遇到乱码的问题。 如下代码: 代码如下:function UpdateFolderInfoByCustId(folderId, folderName, custId) { $.ajax({ type: "Post", contentType: "application/x-www-form-urlencoded; charset=utf-8", url: "http://localhost/CRM/Ashx/HandKBSucessCustomer.ashx?Method=UpdateCustomerByCustId&folderId=" + folderId + "&folderName=" + encode...
在系统中,会一些地方使用javascript open window。比如打开固定模式的窗口,防止用户进行其他操作。 参数: 代码如下:参数 | 取值范围 | 说明alwaysLowered | yes/no | 指定窗口隐藏在所有窗口之后 alwaysRaised | yes/no | 指定窗口悬浮在所有窗口之上 depended | yes/no | 是否和父窗口同时关闭 directories | yes/no | Nav2和3的目录栏是否可见 height | pixel value | 窗口高度 hotkeys | yes/no | 在没菜单栏的窗口中设安全退...
iframe自适应高度本身是很简单的方法,就是在页面加载完成后,重新计算一下高度即可。 代码如下: 代码如下://公共方法:设置iframe的高度以保证全部显示数据//function SetPageHeight() {// var iframe = getUrlParam(ifname);// var myiframe = window.parent.document.getElementById(iframe);// iframeLoaded(myiframe);//}var iframeLoaded = function (iframe) { if (iframe.src.length > 0) { if (!ifr...
今天写代码的时候遇到个问题:html里采用onclick事件来实现window.location = url的跳转,在内嵌元素上又加上了href="javascrit:;"的属性。这时这句window.location的跳转失效了。后来上网查了下,想起javascript里面事件是冒泡传递的事,可能是被内嵌的那个href事件给组织了。 解决办法是:在onclick方法里面增加一句return false的语句,让程序强制跳出不继续执行后面的语句。