天缘博客

encodeURI、encodeURIComponent是JS里常用的两个URI编码函数，对应的解码函数为decodeURI和decodeURIComponent，但是在处理URI上还是有些区别，本文做个比较。 encodeURI、encodeURIComponent概念比较，encodeURI函数不对 ASCII 字母和数字以及ASCII标点符号（包括- _...

在设计弹出菜单，或动态修改内容时，经常需要定位出当前或是某个控件的XY坐标，自己对Javascript也不太熟悉，每次用到也都是现查现用，本文就顺带整理一下，方便参考。当定位到某个object时，我们就可以获取到相当多的宽高属性，先看一下这些常见属性的图解。 一、相关对象的位置属性图解 如下图所示，注意途中前面的obj有些是body，有些是div。

本文介绍最新CKEditor编辑器的精简，CKEditor前身就是FCKEditor，也是天缘最习惯使用的一款所见即所得编辑器，自己博客上的FCKEditor也是经过精简的，精简主要有两个目的，一是上传时候文件会少一点，快很多，二来看起来也会整齐条理许多，当然了，毕竟是开源的程序，如果精简后需要分享，还是注意要把GPL开源协议加上。

本文介绍三款简单的返回页面顶部代码，可以使用简单的HTML锚标记，也可使用Javascript Scroll函数动态返回，其它的还有悬浮脚本等有点复杂了，本文不再介绍，大家根据自己需要选择其中的一种即可，总之简约最美的，能减少代码就减少代码，能不调用的就别调用，要不是天缘博客的文章都是牛长也不会添加这个功能。

本文汇总网页框架frameset、frame、iframe跨域提交或修改数据方法，一般多在网站后台或内嵌广告设计时需用到，现在前台展示页似乎很少见到使用框架的，天缘也只是使用了其中第一种方法，网页编程对天缘纯粹兴趣爱好，也是临时用到总结一下，可能不一定全面，如果大家有更好的方法，欢迎留言补充。

昨晚把SyntaxHighlighter整合进FCKeditor，由于网上的SyntaxHighlighter高亮插件，要么是经过转换后的"一堆多余"代码，要么就是调用FCKeditor目录下Plugins下的JS脚本导致网页路径太长。再加上天缘使用自己的博客系统，所以每需要一个插件都要自己整合，还好不是太难，摸索调整一下就进FCKeditor插件里了（最新版本2.6.6），在Firefox下测试可用，效果参见本页代码部分。

大家在很多网站或论坛上注册账户时，经常可以看到，您的用户名刚输入完，马上网页就会红字提示该用户名已被占用，输入注册邮箱时也会如此提醒重复等提示信息。这种技术的实现原理很简单，就是使用Ajax的延迟载入技术。本文采用最简单的方法，描述一下Ajax校验原理，希望对该验证过程不清楚的站长朋友有所帮助。......

getYear、getFullYear、getUTCFullYear都是Javascript的Date对象的方法函数。其中getYear()方法出生较早，在早期也一直使用OK，可是在2000年后这个方法问题多多，微软自己在IE浏览器中“偷偷”把getYear给修正了，可Firefox（最新版本也没修正这个问题）还蒙在鼓里，仍老老实实的按照原有规则解析 getYear，本来都可以指望用户自行修正，这样一来都没得用，于是getFullYear、getUTCFullYear就出生了。

在我们设计网页的时候，经常会遇到图片自适应问题，实际这些工作完全可以交给浏览器来完成就可以了，只可惜，无论是IE还是FIREFOX在图片自适应这个问题上都处理的不尽人意，网上实现网页图片宽度和高度的方法也很多，主要又两种：第一种是使用CSS来完成；第二种是使用Javascript来完成，根据实际的应用效果来说，使用Javascript还是比较靠谱一点，因为CSS的expression的确有点烦。......

我们在使用Javascript时候，经常会出现不能同时兼容IE和FIREFOX现象，很多站长或者网站开发人员很容易忽略这点，一般在测试的时候只考虑到界面的显示兼容，而对程序的实际运行情况缺乏应有的测试。这里特别精简汇总一下Javascript的相关兼容性问题，提醒站长们注意。Javascript兼容汇编一般涉及document的对象获取（包括IFRAME），window event处理以及基本的变量声明处理注意事项。...

用Javascript实现新闻内容的水平滚动，主要的优点是我们可以实现自定义滚动风格或特效，应用效果比起传统的marquee更加具有特色，方法也比较简单，主要两个部分，一、是滚动内容部分；二、JS的滚动代码部分，也只有两句话，天缘博客特别推荐。

Ajax是比较有意思的一种适时技术，现在很多论坛网站都在使用Ajax进行帐号检测，注册验证等，尤其是国内的大型门户，都喜欢把首页设计成牛长模式，恨不得把所有内容都放到首页去，这么多内容，考虑到用户体验问题就只能使用Ajax延迟载入，比如163网易首页翻页新闻资讯。再者在多分页上采用的鼠标点击或移动延迟响应也是非常有用的，那样不会让分页翻页太快影响用户的操作体验，本文就来模仿一下163的翻页及延迟载入。