随笔分类 - javascript
摘要：最近在做一个web版的管理Tool，其中包括一个编辑框，要求能够编辑文字，插入图片，最后导出做成一个Html。对于资深人士看来，这很容易啊，不就是一个富文本编辑框吗?这其实就是一个概念的问题，对有经验的人来说，脑子里面有了概念，就能一下子抓到点上，快速地进行分析。但是对于我来说就没有富文本编辑框的概念，加之由于公司内有做网页的比较少，能够求教的人不多，因此我只好一步一步慢慢研究，总之走了很多弯路。其中一些硌人的障碍就不说了。下面我就简短地总结一下有关经验吧。一.编辑框大多数富文本编辑框都是用iFrame做的。只要我们将designMode属性设置成"on"，则个iframe
阅读全文
摘要：目录：表单：1.引用表单2.提交表单3.重置表单4.表单字段在HTML中，表单是由元素来表示的，而在javascript中，表单对应的则是HTMLFormElement类型。HTMLFormElement继承了HTMLElement,因而与其他HTML元素具有相同的默认属性。不过HTMLFormElement也有自己的属性和方法:acceptCharset服务器能够处理的字符集；等价于HTML中的accept-charset特性action接受请求的URL；等价于HTML中的action特性elements表单中所有控件的集合enctype请求的编码类型；等价于HTML中的enctype特性l
阅读全文
摘要：在js中如何判断当前浏览器正在以何种方式解析？document对象有个属性compatMode ,它有两个值：BackCompat 对应quirks modeCSS1Compat 对应strict mode呈现模式document.compatMoe == 'CSS1Compat' //标准模式 strict modedocument.compatMoe == 'BackCompat' //混杂模式 quirks modeEventUtil.addHandler(window, "scroll", function () { if (docu
阅读全文
摘要：http://www.jb51.net/article/23387.htm
阅读全文
摘要：总结：status体现的是服务器对请求的反馈，而readystate表明客户端与客户的交互状态过程。1- AJAX状态值与状态码区别AJAX状态值是指，运行AJAX所经历过的几种状态，无论访问是否成功都将响应的步骤，可以理解成为AJAX运行步骤。如：正在发送，正在响应等，由AJAX对象与服务器交互时所得；使用“ajax.readyState”获得。（由数字1~4单位数字组成）AJAX状态码是指，无论AJAX访问是否成功，由HTTP协议根据所提交的信息，服务器所返回的HTTP头信息代码，该信息使用“ajax.status”所获得；（由数字1XX,2XX三位数字组成，详细查看RFC）这就是我们在使
阅读全文
摘要：没有永恒的技术只有变态的需求，没有好说的客户只有无奈的开发者，如果iframe的出现是一个错误的话，iframe里边在来一个iframe那是错上加错，神话没有在远古的尘嚣中消失，却在怀具的今天不断上演。生活永远是一个大染缸，一块白布下去，黑布出来，一块黑布下去，一块七色布出来。contentWindow 兼容各个浏览器，可取得子窗口的 window 对象。contentDocument Firefox 支持，> ie8 的ie支持。可取得子窗口的 document 对象。在子级iframe设置 父级 iframe ，或 孙级 iframe 高度。functionshowIframeH()
阅读全文
摘要：虚线框简直就是个多余的东西，上一篇教大家怎么去除Firefox中链接和按钮虚线框，今天叫大家去掉去除IE中链接的虚线框。方法一：利用javascript的onfocus事件，实现如下：Html代码设计蜂巢如果引入了jQuery框架则可以利用它的事件绑定机制：Js代码$('a').bind('focus', function(){ if(this.blur){ //如果支持 this.blur this.blur(); } });方法二：利用css样式，实现如下：Css代码 a{ blr: expression(this.onFocus...
阅读全文
摘要：废话不多说，下面分别检测各个浏览器下的e.pageXe.layerXe.offsetXe.clientXe.x属性；测试浏览器：FF9/Chrome15/opera11.52/safari5(win)/IE6/7/8/9 图示：测试结果如下：chrome：e.pageX——相对整个页面的坐标e.layerX——相对当前坐标系的border左上角开始的坐标e.offsetX——相对当前坐标系的border左上角开始的坐标e.clientX——相对可视区域的坐标e.x——相对可视区域的坐标ff：e.pageX——相对整个页面的坐标e.layerX——相对当前坐标系...
阅读全文
摘要：1.原型链原型链是JavaScript中继承的主要方法。每个构造函数都拥有一个原型对象，原型对象都包含一个指向构造函数的指针(constructor)，实例都包含一个指向原型对象的内部指针(__proto__)。假如，原型对象(Son.prototype)等于另一个类型(Pserson)的实例(person1),那么此时的原型对象(Son.prototype)将包含一个指向另一个原型(Person.prototype)的指针,相应的，另有一个原型(Person.prototype)中也包含着一个指向另一个构造函数(Person())的指针。再如，另一个原型(Person.prototype)又
阅读全文
摘要：一、一开始的唠叨最近忙于开发，自淫于项目的一步步完工，心浮躁了。舍近而求远，兵家之大忌。我是不是应该着眼于眼前的东西，好好的静下心来，超过一般人的沉静与沉浸，研究最基本的东西呢？这番思考，让我找到了一些方向。对于checkbox，从我开始接触HTML开始，陆陆续续也研究过好多次，然而多是零星的知识点的累加，或是掌握了些表象的东西，是否深入核心，是否深入其本质，是否有了完善的总结，是否融入自己的世界观，都没有，而我今天要做的工作就是把过去的那些积累好好的精心的整理出来，加上自己的思考，加上自己的理解，展示出来。提前的说明：本文checkbox的讲解不针对Safari浏览器，或仅是一带而过，Saf
阅读全文
摘要：1.常规css方法——可以实现IE，Safari，chrome，opera浏览器下文字溢出省略号表示这是一段测试文字，主要是用来测试文字溢出后是否会用省略号显示。.zxx_text_overflow_1{width:27em; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}2.使用ellipsis.xml文件使Firefox支持文字溢出后点点点省略号表示这段代码调用了跨文件夹路径的ellipsis.xml文件，看Firefox浏览器下是够文字溢出省略号表示。ps:
阅读全文
摘要：border-images可以说也是CSS3中的重量级属性，如同圆角、边框颜色属性border-color、块阴影属性一样，也是属于边框属性中的一员。从其字面意思上看，我们可以理解为“边框-图片”，通俗的说也就是使用图片作为(对象的)边框，这样一来边框的样式就不像以前那样只有实线、虚线、点状线...那样单调了，下面我们就来具体看一下应该怎样使用它。首先我们来看一下与border-image相关的一些属性，有border-image-source、border-image-slice、border-image-repeat，其实就如同background属性一样有background-color
阅读全文
摘要：1 function ping(ip){ 2 var img = new Image(); 3 var start = new Date().getTime(); 4 img.src = "http://" + ip + "?t=" + start; 5 var flag = false; //无法访问 6 img.onload = function(){ 7 flag = true; 8 console.log('ok'); 9 };10 img.onerror = function(){11 ...
阅读全文
摘要：for-in循环应该用在非数组对象的遍历上，使用for-in进行循环也被称为“枚举”。从技术上将，你可以使用for-in循环数组（因为JavaScript中数组也是对象），但这是不推荐的。因为如果数组对象已被自定义的功能增强，就可能发生逻辑错误。另外，在for-in中，属性列表的顺序（序列）是不能保证的。所以最好数组使用正常的for循环，对象使用for-in循环。有个很重要的hasOwnProperty()方法，当遍历对象属性的时候可以过滤掉从原型链上下来的属性。思考下面一段代码：// 对象var man = { hands: 2, legs: 2, heads: 1};// 在代...
阅读全文
摘要：kakaFocus Previous Next 快乐的旅程，参观武汉可口可乐饮料有限公司 时光: 2010-02-10 | 分类: 美图 | 标签: 乐高, 乐高 巧口英语“力推”Club活动——？ 时光: 2010-03-16 | 分类: 高烧 | 标签: LEGO, 乐乐 想学音乐应从什么时候开始？ 时光: 2010-03-26 | 分类: 产品, 默认 | 标签:...
阅读全文
摘要：作用域、闭包、模拟私有属性先来简单说一下变量作用域，这些东西我们都很熟悉了，所以也不详细介绍。Js代码varsco="global";//全局变量functiont(){varsco="local";//函数内部的局部变量alert(sco);//local优先调用局部变量}t();//localalert(sco);//global不能使用函数内的局部变量注意一点，在javascript中没有块级别的作用域，也就是说在java或c/c++中我们可以用"{}"来包围一个块，从而在其中定义块内的局部变量，在"{}"块
阅读全文
摘要：1、方法定义call方法:语法：call([thisObj[,arg1[, arg2[, [,.argN]]]]])定义：调用一个对象的一个方法，以另一个对象替换当前对象。说明：call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。如果没有提供 thisObj 参数，那么 Global 对象被用作 thisObj。apply方法：语法：apply([thisObj[,argArray]])定义：应用某一对象的一个方法，用另一个对象替换当前对象。说明：如果 argArray 不是一个有效的数组或者不是 arg
阅读全文
摘要：http://hzjavaeyer.group.iteye.com/group/wiki?category_id=0
阅读全文
摘要：最初对js中object.constructor 的认识：在学习JS的面向对象过程中，一直对constructor与prototype感到很迷惑，看了一些博客与书籍，觉得自己弄明白了，现在记录如下： 我们都知道，在JS中有一个function的东西。一般人们叫它函数。比如下面的代码functionPerson(name){alert(name);}Person('js');//js上面的代码中，Person的表现的确跟一般的函数没有什么区别，接着看下面的代码代码functionPerson(name){this.name=name;this.showMe=function(){
阅读全文