JavaScript
xinsheng2011
行进中的PHP程序员
展开
-
Ajax初解(一)
做WEB开发的,多多少少都会涉及一些前端知识,比如JS、HTML、CSS等等。功能比较多的WEB应用交互相对来说复杂度都会高一些,为了提升用户体验,常常会用到Ajax技术进行数据通信。虽然在平时的工作中已经用到过很多次Ajax,但是都只是浅尝辄止,对于其实现机制没有一个系统的了解,因此准备整理资料,深入学习一下这部分内容。 今天主要整理一下如何发送一个Ajax请求。 XMLHttpRe原创 2012-05-30 11:02:18 · 625 阅读 · 0 评论 -
JS闭包问题
今天和同事聊天的时候,不经意间说起了JS。同事就给出了一段比较有意思的代码让我判断结果: var data = [];function test () { for (var i = 0; i < 3 ; i ++) { data[i] = function () { return i; }; }}test(); alert(data[0]()); alert(原创 2012-05-31 18:29:34 · 972 阅读 · 3 评论 -
动态图片无法正常显示动画的解决方案
最近项目中一个功能需要一定的时间加载数据,因此考虑到用户体验,在请求数据的过程中,采用了一个遮罩层将结果显示区域遮起来,同时显示一张Loading图片: 一开始没有什么问题,图片也显示正常,但是在页面上出发某个按钮点击时间,控制该图片显示的时候,发现这个图片不转动了。 经过网上搜索,找到了解决方案,就是在触发图片显示的按钮上,设置其相关事件(此处为onclick)为return fal原创 2012-05-23 19:42:29 · 519 阅读 · 0 评论 -
网页上模拟浏览器前进后退功能
最近的一个项目,因为是内嵌客户端的网页,产品经理希望能在页面上,实现浏览器的前进和后退功能,类似浏览器左上角的按钮。 前进和后退是很简单的,通过window.history对象的相关方法,比如go、forward、back即可实现,关键是,如何判断当前是否已经前进(后退)到最前面(后面)一页了呢? 经过一阵思考,最终我使用了cookie来存储用户浏览信息的方式,在cookie中存放一个数字,该原创 2012-07-09 13:23:26 · 1559 阅读 · 0 评论 -
网页上模拟浏览器前进后退功能(二)
昨天解决这个问题的时候,没有经过仔细测试,今天同事帮我发现了一个问题,就是当用户已经浏览过其他页面、或者在点击返回按钮后,继续点击新页面链接的情况下,昨天写的这个模拟功能会存在bug,因为此时history.length已经有了一个不为1的初始值,导致程序中判断后会出现bug。细想还是因为自己急于项目进度,没有仔细弄懂浏览器前进后退的机制。今天测试了一下浏览器这两个按钮的功能,发现点击后退,再点击原创 2012-07-10 15:37:38 · 1853 阅读 · 1 评论