二
17
2010
JavaScript 可算是世界上最流行的编程语言，它曾被 Web 开发设计师贴上噩梦的标签，虽然真正的噩梦其实是 DOM API，这个被大量的开发与设计师随手拈来增强他们的 Web 前端的脚本语言，如今越来越被重视，虽则如此，JavaScript 仍然拥有很多让人费解的东西。
1. 它以 Java 命名，但并不是 Java
它最初叫 Mocha， 接着改名为 LiveScript，最后才确定命名为 JavaScript，根据历史记录，Java 的命名与 Netscape 和 Sun 之间的合作有关，作为交换条件，Netscape 在他们备受欢迎的浏览器中创建了 Java 运行时。值得一提的是，这个名字的出台几近一个玩笑，要知道，LiveScript 和 Java 在客户端脚本方面存在敌对关系。
不管怎么说，人们后来不得不一再澄清的一件事就是，JavaScript 和 Java 毫无关系。
2. Null 是个对象？
看看这段代码，它返回的是 object。
二
4
2010
之前js 仿Photoshop鼠标滚轮控制输入框取值中已使用js对鼠标滚轮事件进行控制，滚轮事件其中考虑浏览器兼 容性问题
附加事件
其中经我测试，IE/Opera属于同一类型，使用attachEvent即可添加滚轮事 件。
/*IE注册事件*/
if(document.attachEvent){
document.attachEvent(‘onmousewheel’,scrollFunc);
}
Firefox 使用addEventListener添加滚轮事件
/*Firefox注册事件*/
if(document.addEventListener){
document.addEventListener(‘DOMMouseScroll’,scrollFunc,false);
}
Safari与Chrome属于同一类型，可使用HTML DOM方式添加事件
window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome
其 中除Firefox外其余均可使用HTML DOM方式添加事件，因此添加事件使用以下方式
/*注册事件*/
if(document.addEventListener){
document.addEventListener(‘DOMMouseScroll’,scrollFunc,false);
}//W3C
window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome
detail 与wheelDelta
判断滚轮向上或向下在浏览器中也要考虑兼容性，现在五大浏览器（IE、Opera、Safari、 Firefox、Chrome）中Firefox 使用detail，其余四类使用wheelDelta；两者只在取值上不一致，代 表含义一致，detail与wheelDelta只各取两个值，detail只取±3，wheelDelta只取±120，其 中正数表示为向上，负数表示向下。
<p><label for=”wheelDelta”> 滚动值:</label>(IE/Opera)<input type=”text” id=”wheelDelta” /></p>
<p><label for=”detail”> 滚动值:(Firefox)</label><input type=”text” id=”detail” /></p>
<script type=”text/javascript”>
var oTxt=document.getElementById(“txt”);
/***********************
* 函数：判断滚轮滚动方向
* 作者：walkingp
* 参数：event
* 返回：滚轮方向 1：向上 -1：向下
*************************/
var scrollFunc=function(e){
var direct=0;
e=e || window.event;
var t1=document.getElementById(“wheelDelta”);
var t2=document.getElementById(“detail”);
if(e.wheelDelta){//IE/Opera/Chrome
t1.value=e.wheelDelta;
}else if(e.detail){//Firefox
t2.value=e.detail;
}
ScrollText(direct);
}
/*注册事件*/
if(document.addEventListener){
document.addEventListener(‘DOMMouseScroll’,scrollFunc,false);
}//W3C
window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome/Safari
</script>
预览效果http://www.51obj.cn/demo/js/wheelDelta_detail.html
（部 分图片见原文：http://www.51obj.cn/?p=637）
（以上内容部分内容参考了http://adomas.org/javascript-mouse-wheel/ ）
二
4
2010
在线编辑内容的时候，那些基于 JavaScript 的编辑器帮了我们大忙，这些所见即所得（WYSIWYG）编辑器，给我们提供了类似 Office 的操作体验。如今，任何网站内容管理系统（CMS）和博客系统都需要一个这样的编辑器。本文精选了10个基于 JavaScript 的编辑器，它们有的是基于 jQuery 框架，有点则不是。
(全文…)
一
26
2010
在网络发展领域，由于 jQuery 简单易学，易于使用和易于扩展的特点，因此正慢慢变得无处不在。以下是从一些 jQuery 相关文章中整理出来的 30+ 新鲜与惊奇的 jQuery 插件与教程。如果你正在寻找最新的 jQuery 信息，这些内容值得一读。
(全文…)
一
11
2010
如果您的服务器程序中正在使用PHP脚本语言，又或者可能已经使用了addslashes() 和 stripslashes()等方法去处理表单中引用的符号；但是在JavaScript中却没有同等的方法，通过以下方法您可以很方便地处理这个问题：
(全文…)
一
10
2010
JavaScript 是 Web 开发与设计中不可或缺的东西，不管是一个简单的网页还是一个专业的站点，也不管你是高手还是菜鸟，如今 JavaScript 库越来越强大，可以胜任许多复杂的工作，然而同时，人们在众多 JavaScript 库面前又觉得无所适从，本文，我们将使用 Google 搜索出排名前 10 位的 JavaScript 库，并对它们逐一进行介绍。
(全文…)
十二
17
2009
JavaScript中的64位加密及解密的两个方法。
(全文…)
十二
14
2009
jQuery 是个宝库，而 jQuery 的插件体系是个取之不竭的宝库，众多开发者在 jQuery 框架下，设计了数不清的插件，jQuery 的特长是网页效果，因此，它的插件库也多与 UI 有关。本文是 webdesignledger 网站推选的2009年度最佳 jQuery 插件。
(全文…)
十一
29
2009
日前，Mozilla 的 Arun Ranganathan 向 W3C 提交了一个草案，旨在推出一个 JavaScript API，让 JavaScript 脚本直接操作本地文件，Firefox 的最新浏览器版本中已经对该 API 提供了大量的支持，不过出于安全考虑，该API 将只对本地文件提供有限的访问。
该 API 引入了一个 FileReader 对象，可以异步加载本地文件系统中的文件，并允许开发者为诸如加载失败，进度，加载完成等事件分配回调函数，它提供的方法可以从本地文件中读取文本或二进制数据，并通过一个 abort 方法随时打断操作。
(全文…)
十一
17
2009
获取一组radio被选中项的值
var item = $(‘input[@name=items][@checked]‘).val();
获取select被选中项的文本
var item = $(“select[@name=items] option[@selected]“).text();
select下拉框的第二个元素为当前选中值
$(‘#select_id’)[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值
$(‘input[@name=items]‘).get(1).checked = true;
获取值：
文本框，文本区域：$(“#txt”).attr(“value”)；
多选框checkbox：$(“#checkbox_id”).attr(“value”)；
单选组radio： $(“input[@type=radio][@checked]“).val();
下拉框select： $(‘#sel’).val();
控制表单元素：
文本框，文本区域：$(“#txt”).attr(“value”,”);//清空内容
$(“#txt”).attr(“value”,’11′);//填充内容
多选框checkbox： $(“#chk1″).attr(“checked”,”);//不打勾
$(“#chk2″).attr(“checked”,true);//打勾
Copyright © 2009 - 我想网 板凳 | SiteMap | Entries (RSS) | Comments (RSS)
WordPress theme by 
9th sphere website design
