随笔分类 - js prototype
摘要：需要写一个滚动条滑动加载图片的程序，研究了一下onscroll在不同浏览器里的执行次数,分别如下：var i=0;E.addHandler(window, 'scroll', function(){ console.log(i++);})firefoxchromeie8总结滚轮动一下ie执行的...
阅读全文
摘要：今天写组件的时候遇到一个问题，就是当我需要对获取到的对象列表进行删减的时候，发现没有合适的方法，比如：//获取图片列表var imgs = document.getElementsByTagName("img");这个列表可以用imgs[0]的数组方法访问元素，但是不能用数组的方法进行编辑.shif...
阅读全文
摘要：事件委托可以给元素添加多个事件var addHandler = function(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,handler,false); ...
阅读全文
摘要：Http定义了与服务器交互的不同方法，最基本的方法有4种，分别是GET，POST，PUT，DELETE。URL全称是资源描述符，我们可以这样认为：一个URL地址，它用于描述一个网络上的资源，而HTTP中的GET，POST，PUT，DELETE就对应着对这个资源的查，改，增，删4个操作。到这里，大家应该有个大概的了解了，GET一般用于获取/查询资源信息，而POST一般用于更新资源信息。 1.根据HTTP规范，GET用于信息获取，而且应该是安全的和幂等的。 (1).所谓安全的意味着该操作用于获取信息而非修改信息。换句话说，GET 请求一般不应产生副作用。就是说，它仅仅是获取资源信息，就像数据库..
阅读全文
摘要：一、前言讲这3个方法区别的文章太多了，但是大部分写的都很绕。本文试图从实践角度去讲这3个方法。二、escape和它们不是同一类简单来说，escape是对字符串(string)进行编码(而另外两种是对URL)，作用是让它们在所有电脑上可读。编码之后的效果是%XX或者%uXXXX这种形式。其中ASCII字母、数字、@*/+，这几个字符不会被编码，其余的都会。最关键的是，当你需要对URL编码时，请忘记这个方法，这个方法是针对字符串使用的，不适用于URL。事实上，这个方法我还没有在实际工作中用到过，所以就不多讲了。三、最常用的encodeURI和encodeURIComponent对URL编码是常见的
阅读全文
摘要：HTML字符实体（Character Entities），转义字符串（Escape Sequence）为什么要用转义字符串？HTML中，&等有特殊含义（，用于链接签，&用于转义），不能直接使用。这些符号是不显示在我们最终看到的网页里的，那如果我们希望在网页中显示这些符号，该怎么办呢？这就要说到HTML转义字符串（Escape Sequence）了。转义字符串（Escape Sequence）也称字符实体(Character Entity)。在HTML中，定义转义字符串的原因有两个：第一个原因是像“”这类符号已经用来表示HTML标签，因此就不能直接当作文本中的符号来使用。为了在H
阅读全文
摘要：一、Javascript的异常处理机制当javascript代码中出现错误的时候，js引擎就会根据js的调用栈逐级寻找对应的catch，如果没有找到相应的catch handler或catch handler本身又有error或者又抛出新的error，最后就会把这个error的处理交给浏览器，浏览器会用各自不同的方式（IE以黄色三角图案 显示在左下角，而firefix会显示在错误控制台中）显示错误信息给访问者.如：在火狐下(工具)在IE下，表现为 左下角黄色感叹号二、try/catch/finally是js提供的异常处理机制，用法如下：try { // 这段代码从上往下运行，其中任何一个语句.
阅读全文
摘要：JavaScript有一些内置类型，还有很多常用的内置的方法，本文稍作总结，以备查阅。值类型我的理解，值类型是分配在栈上的，而引用类型（当然也包括引用类型内部的值类型）是分配在堆上的。值类型是不可以改变的，比如：var s = "hello";s = "hello2";上述并没有将字符串"hello"改成"hello2"，而是新创建了一个字符串"hello2"，前一个字符串仍然存在（只不过无法访问了），并于当前作用域被回收时销毁。值类型很简单，有五种：undefined，null，boolean
阅读全文
摘要：知识点： 主要是对Date对象的使用。（下面的介绍内容来自网络） 创建 Date 对象的语法： var myDate=new Date() Date 对象会自动把当前日期和时间保存为其初始值。 参数形式有以下５种： new Date("month dd,yyyy hh:mm:ss"); newDate("month dd,yyyy"); newDate(yyyy,mth,dd,hh,mm,ss); new Date(yyyy,mth,dd); new Date(ms); 注意:最后一种形式，参数表示的是需要创建的时间和GMT时间1...
阅读全文
摘要：1 <script type="text/javascript"> 2 function Navigator(){ 3 var Sys = {}, 4 ua = navigator.userAgent.toLowerCase(), 5 s; 6 7 (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] : 8 9 (s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] :10 11 (s = ua....
阅读全文
摘要：这是一个让我困扰了很久问题。在chrome中，如果设置了自动完成表单，那么用户在输入了表单并且再次进入到表单页面时，会发现表单下面有一个黄色的背景。例如下面这样：在网上找了很久以后，终于在这篇文章里面找到了完美解决方法：http://www.benjaminmiles.com/2010/11/22/fixing-google-chromes-yellow-autocomplete-styles-with-jquery/对于纯色背景的表单，只需要在CSS里面加入类似下面的代码即可：input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000p
阅读全文
摘要：string转其它==================================string转jsonvar json = eval('('+ string +')');string转arrvar arr = string.split(",");string转numberparseInt()jsJSON与String互转换============================ 1 function jsonToString (obj){ 2 var THIS = this; 3 switch(typeof(obj)){ 4 ...
阅读全文
摘要：1 function isIE(){ //ie? 2 if (window.navigator.userAgent.toLowerCase().indexOf("msie")>=1) 3 return true; 4 else 5 return false; 6 } 7 8 if(!isIE()){ //firefox innerText define 9 HTMLElement.prototype.__defineGetter__("innerText", 10 function(){11 var anyString = ""
阅读全文
摘要：属性:1 Attributes 存储节点的属性列表(只读)2 childNodes 存储节点的子节点列表(只读)3 dataType 返回此节点的数据类型4 Definition 以DTD或XML模式给出的节点的定义(只读)5 Doctype 指定文档类型节点(只读)6 documentElement 返回文档的根元素(可读写)7 firstChild 返回当前节点的第一个子节点(只读)8 Implementation 返回XMLDOMImplementation对象9 lastChild 返回当前节点最后一个子节点(只读)10 nextSibling 返回当前节点的下一个兄弟节点(只读)11
阅读全文
摘要：JavaScript变量--匈牙利命名法匈牙利命名法语法：变量名＝类型＋对象描述类型指变量的类型对象描述指对象名字全称或名字的一部分，要求有明确含义，命名要容易记忆容易理解。提示: 虽然JavaScript变量表面上没有类型，但是JavaScript内部还是会为变量赋予相应的类型。提示: 匈牙利命名法是一位微软程序员发明的，多数的C,C++程序都使用此命名法。JavaScript变量匈牙利命名类型JavaScript变量起名类型变量命名前缀Array 数组aFloat 浮点lFunction 函数fInteger(int) 整型nObject 对象oRegular Expression 正则r
阅读全文
摘要：XMLHttpRequest对象提供了在网页加载后与服务器进行通信的方法。 1 <script type="text/javascript"> 2 var xmlhttp; 3 function loadXMLDoc(url){ 4 xmlhttp = null; 5 if(window.XMLHttpRequest){ //code for all new browsers 6 xmlhttp=newXMLHttpRequest(); 7 }elseif(window.ActiveXObject){...
阅读全文
摘要：document.documentElement返回文档的根节点<html>document.body<body>document.activeElement返回当前文档中被击活的标签节点(ie)event.fromElement返回鼠标移出的源节点(ie)event.toElement返回鼠标移入的源节点(ie)event.srcElement返回激活事件的源节点(ie)event.target返回激活事件的源节点(firefox)当前对象为node返回父节点：node.parentNode,node.parendElement,返回所有子节点：node.childN
阅读全文
摘要：效果预览:http://jsfiddle.net/dtdxrk/nMNzT/embedded/result/IE的事件流叫做事件冒泡,即事件开始时由最具体的元素接受,然后逐级向上传播到较为不具体的节点.简单点说就是给一个子元素绑定一个onclick事件 当点击的时候body也等于被点击了.所以有时候...
阅读全文
摘要：1 View Code 2 // 兼容IE FF的getElementsByTagName方法 3 var getElementsByName = function(tag, name){ 4 var returns = document.getElementsByName(name); 5 if(returns.length > 0) return returns; 6 returns = new Array(); 7 var e = document.getElementsByTagName(...
阅读全文
摘要：事件——怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别。（1）冒泡型事件：事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。IE5.5:div->body->documentIE6.0:div->body->html->documentMozilla1.0:div->body->html->document->window（2）捕获型事件(eventcapturing)：事件从最不精确的对象(document对象)开始触发，然后到最精确(也可以在窗口级别捕获事件，不过必须由开发人员特别指定)。（3）
阅读全文
浙公网安备 33010602011771号