animate()通过样式把一个状态改变成另外一个状态如：$(selector).animate(styles,speed,easing,callback);styles的参数可以有很多如:backgroundPosition borderWidth borderBottomWidth borderLeftWidth borderRightWidth borderTopWidth borderSpacing margin marginBottom marginLeft marginRight marginTop outlineWidth padding paddingBottom paddingLeft paddingRight paddingTop height width maxHeight maxWidth minHeigh...
前几日阅读了“谷哥”的文章“XPath详解，总结”（原文地址：http://www.cnblogs.com/ktgu/archive/2009/04/16/1353246.html），写得很详细，推荐一下。这里写一点自己的总结，以备日后查阅。不同浏览器使用xpath解析xml的方式：function loadXMLDoc(dname) {if (window.XMLHttpRequest) {xhttp = new XMLHttpRequest();}else {xhttp = new ActiveXObject("Microsoft.XMLHTTP");}xhttp.open("GET", dname, false);try {//IE10中AJA...
1.创建对象1.字面量对象 2.构造函数 3.Object.create//1.字面量 var obj={name: ‘字面量‘,show: function(){console.log(this.name)} } //2.构造函数 function fun (name) {this.name=name } var obj=new fun(‘obj‘) //3.Object.create var obj={name: ‘obj‘} var obj=Object.create(obj)2.JavaScript继承1.原型链继承function Parent(name){this.name=namethis.sleep=function(){console.log(this.name + ‘在睡觉‘)} } Pa...
document.getElementById(‘eastFrame‘).setAttribute(‘src‘,‘#‘); // this will copy father window to this iframe(function() {Grs = function() {return {init : function() {}};}();Grs.Ajax = function() {return {};}(); })(); //what does this do页面跳转方式小结：frame(url+target,src), iframe(url+target, src)js绘制element,传递数据原文：http://www.cnblogs.com/mytimeisrunningout/p/3898988.html
一、JS中的数据类型1.数值型（Number）：包括整数、浮点数。 2.布尔型（Boolean） 3.字符串型（String） 4.对象（Object） 5.数组（Array） 6.空值(Null) 7.未定义（Undefined）二、判断一个变量的数据类型1.数值型（number）变量a是NaN，它是不能用于数值运算的，所以判断数值型为：function isNumber(val){returntypeof val === ‘number‘ && isFinite(val); }顺便介绍一下JavaScript isFinite()...
前言一、面试题、答案以及总结js中截取字符串的方法 原文：http://www.cnblogs.com/YanYongSong/p/5291110.html
1、什么是事件委托/事件代理 利用事件的冒泡传播机制（触发当前元素的某一个行为，它父级所有元素的相关行为都会被触发），如果一个容器中有很多元素都要绑定点击事件，我们没有必要一个个的绑定了，只需要给最外层容器绑定一个点击事件即可，在这个方法执行的时候，通过事件源的区分来进行不同的操作。 具体小案例如下： <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Document</title><style>*...
1.js中ie8及以下浏览器不支持getElementsByClassName,(1)JS原生代码里addClass添加类,要带空格 举例子 ： <div class="item1 item2"> </div> 上面是一个div，这个div的样式已经有两个，所以你再添加class的时候就需要加空格后再加入新的样式。 最后得到： <div class="item1 item2 new"> </div>(2)移除类：不能直接让 obj.className="";因为一个对象可能有很多类。要用如下空格替换要移除的正则表达式。 obj.classNam...
在JS里面我们经常用到对象，包括数字，数组，字符串，日期等等，对象无非就是属性和方法的数据。对象可以通过构造函数（new +普通函数）进行创建，var num=new Number(value);var num=Number(value);其中value就是该对象的值尽管有时候我们没必要这么做，可以直接通过调用对应的函数来达到目的，比如Number（），String（），Array（），Boolean（），Date（）等等。可以直接这样：var num=Number(value)在对象里面，属性是构造函数...
1、原型链 1function Supertype () {2this.property = true 3}4 5 Supertype.prototype.getSuperValue = function () {6returnthis.property7}8 9function SubType () { 10this.subproperty = false11} 1213// 继承了SuperType14 SubType.prototype = new Supertype() 1516 SubType.prototype.getSubValue = function () { 17returnthis.subproperty 18} 1920var instance = new SubType() 21 console.log(instance.getSuperValue(...
享元模式不同于一般的设计模式，它主要用来优化程序的性能，它最适合解决大量类似的对象而产生的性能问题。享元模式通过分析应用程序的对象，将其解析为内在数据和外在数据，减少对象的数量，从而提高应用程序的性能。 基本知识 享元模式通过共享大量的细粒度的对象，减少对象的数量，从而减少对象的内存，提高应用程序的性能。其基本思想就是分解现有类似对象的组成，将其展开为可以共享的内在数据和不可共享的外在数据，我们称内...
一、使用全局变量保存单例 这是最简单的实现方法 function Person(){ this.createTime=new Date(); } var instance=new Person(); function getInstance(){ return instance; } 加载该js时就创建一个Person对象，保存到instance全局变量中，每次使用都取这个对象。如果一次都没使用，那么创建的这个对象则浪费了，我们可以优化一下， var instance function getInstance(){ if(!instance){ instance=new Person(); } return in...
适配器模式的作用是解决两个软件实体间的接口不兼容的问题,在JavaScript尤其是AJAX方面比较常用,接下来看一下对Adapter适配器模式在JavaScript设计模式编程中的运用分析定义适配器模式（Adapter）是将一个类（对象）的接口（方法或属性）转化成客户希望的另外一个接口（方法或属性），适配器模式使得原本由于接口不兼容而不能一起工作的那些类（对象）可以一些工作。速成包装器（wrapper）。适配器的别名是包装器（wrapper），这是...
关于浏览器缓存 浏览器缓存，有时候我们需要他，因为他可以提高网站性能和浏览器速度，提高网站性能。但是有时候我们又不得不清除缓存，因为缓存可能误事，出现一些错误的数据。像股票类网站实时更新等，这样的网站是不要缓存的，像有的网站很少更新，有缓存还是比较好的。今天主要介绍清除缓存的几种方法。 清理网站缓存的几种方法 meta方法 //不缓存 <META HTTP-EQUIV="pragma" CONTENT="no-cache"> <META HTTP-EQUIV="Cache-Co...
在客户端有一个HTML文件，用来提交输入信息，问题在于：每次按刷新时，发觉并不是整个页面重新被装载，好似是缓存中。 因为文本框中仍出现上次输入的值，只有在地址栏中按回车整个页面才重新装载，应当怎样避免此问题？ 1，在html里head区添加代码： <meta http-equiv="pragma" content="no-cache" /> <meta http-equiv="content-type" content="no-cache, must-revalidate" /> <meta http-equiv="expires" content="Wed, 26 Feb ...