javascript 单例模式演示代码 javascript面向对象编程

2016年07月27日 6 阅读

js的单例写法 JS单例模式 div{height:100px; width:100px; background:#CCC; border:#000 1px solid;} my = new function yangbin（） { this.name = "我是单例funnyzak！"; }; function yangbin1（）{this.name = "我是funnyzak！"; } function myname（）{ var u =...

JavaScript 设计模式之组合模式解析

2016年07月27日 6 阅读

怎么说呢？！就像是动物（组合对象）一样，当它生下后代（叶对象）时，它的后代就有了某种功能（比如：挖洞，听力好等等）；也像是一棵树，它有一个根（组合对象）然后是从这个棵树向外冒出的其他枝杆（组合对象）以及从这些枝杆又向外长的叶子（叶对象）。换句话说，就是当祖先已经有了，那么只要从这个祖先衍生出来的其他孩子（包括这个祖先下的其他组合对象）已经就具备了某种功能，看上去貌似又有些像是继承。“组合模式”在组合对象的层次体系中有两种类型的对象：叶对象和组合对象。组合模...

Javascript string 扩展库代码

2016年07月27日 6 阅读

Javascript原生的String处理函数显得很不够丰富，原生string函数：http://www.jb51.net/w3school/js/jsref_obj_string.htm问题1：是否有只是针对String类型的扩展库呢？有，不多，不全面.观点2: JQuery的强大在于DOM操作，因此不希望js string 扩展库是基于jquery开发的,是否认同？问题3：我们需要什么样的string扩展函数？这个问题可以参考其他js库，以及其他语言的...

innerHTML 和 getElementsByName 在IE下面的bug 的解决

2016年07月27日 6 阅读

比如有这样一个问题。 复制代码 代码如下: <div id="playlist"> </div> 在这div 中，加入一个播放吗列表。这列表用innerHTML 加入。 复制代码 代码如下: var plst = null; plst = player.getPlaylist（）; if （plst） { var txt = ""; for（var i in plst） { txt += "<a name="fv_item_...

javascript+mapbar实现地图定位

2016年07月27日 6 阅读

本文地图使用的是图地图图吧地图在线API地址http://union.mapbar.com/apidoc/离线CHM格式 下载地址:http://union.mapbar.com/apidoc/chm/mapbarapi.rar效果图:Mapbar 地图 API 让您可以使用 JavaScript 将 Mapbar地图嵌入您自己的网页中。API 提供了许多方法与地图交互（正如http://www.mapbar.com/localsearch/index.h...

禁止js文件缓存的代码

2016年07月27日 8 阅读

如下： 1、在你引用JS文件的地方加上，如下： 复制代码 代码如下: //09年08月14日修改 var now=new Date（）; var number = now.getYear（）.toString（）+now.getMonth（）.toString（）+now.getDate（）.toString（）+now.getHours（）.toString（）+now.getMinutes（）.toString（）+now.getSeconds（）.t...

extJs 下拉框联动实现代码

2016年07月27日 7 阅读

复制代码 代码如下:// 第一个下拉框 var parentStore = new Ext.data.Store（{ proxy: new Ext.data.HttpProxy（{ url: "loadByParentid.action？parentid=1001" }）, reader: new Ext.data.JsonReader（{ root: "list", id: "id" }, [ {name: "id", mapping: "id"}, {...

JS 非图片动态loading效果实现代码

2016年07月27日 7 阅读

代码如下： 首先实现该功能的js对象LoadingMsg： 复制代码 代码如下: var Class = { create: function（） { return function（） { this.init.apply（this,arguments）; } } } var LoadingMsg = Class.create（）; LoadingMsg.prototype = { init: function（spanId, spanMsg） { thi...

Extjs入门之动态加载树代码

2016年07月27日 7 阅读

Extjs动态加载树，首先在数据库里面设计存放树信息的表 复制代码 代码如下: USE [KimiExtjs] GO /****** 对象: Table [dbo].[Trees] 脚本日期: 04/08/2010 22:12:25 ******/ SET ANSI_NULLS ON GO SET QUOTED_IDENTIFIER ON GO SET ANSI_PADDING ON GO CREATE TABLE [dbo].[Trees]（ [Tid]...

javascript 自动填写表单的实现方法

2016年07月27日 6 阅读

本文没有什么技术上创新，只要会一点Javascript的技术就可以写了。 第一步： 在页面查看源代码，把Form中包含的需要填列的HTML控件找出来如： <form name="mainfrm" action="" method="post"> <input type="text" name="username"/> <input type="submit" value="submit"/> </form> ...

javaScript call 函数的用法说明

2016年07月27日 6 阅读

call 方法 请参阅 应用于：Function 对象 要求 版本 5.5 调用一个对象的一个方法，以另一个对象替换当前对象。 call（[thisObj[,arg1[, arg2[, [,.argN]]]]]） 参数 thisObj 可选项。将被用作当前对象的对象。 arg1, arg2, , argN 可选项。将被传递方法参数序列。 说明 call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 t...

JScript中的prototype（原型）属性研究第1/2页

2016年07月27日 7 阅读

我们使用prototype属性提供对象的类的一组基本功能。并且对象的新实例会"继承"赋予该对象原型的操作。但是这个prototype到底是怎么实现和被管理的呢？对于对象的prototype属性的说明，JScript手册上如是说：所有 JScript 内部对象都有只读的 prototype 属性。可以向其原型中动态添加功能（属性和方法），但该对象不能被赋予不同的原型。然而，用户定义的对象可以被赋给新的原型。 下面我们看三个经典的prototype属性的使用示...

array.prototype.silce.call 理解分析

2016年07月27日 5 阅读

Array.prototype.slice.call（thisArg[, arg1[, arg2[, ...]]]）成员介绍：Array 数组对象prototype [property]是javascript中对象的属性，用来返回对象的原型引用，可以动态的给此添加方法和属性，对象如array,object,或者用户定义的对象,详细请看这里slice [Function]用原array对象，截取指定部分返回一个新的Array 对象，详细请看这里call [F...

jquery.AutoComplete.js中文修正版（支持firefox）

2016年07月27日 6 阅读

复制代码 代码如下:jQuery.autocomplete = function（input, options） { // Create a link to self var me = this; // Create jQuery object for input element var $input = $（input）.attr（"autocomplete", "off"）; // Apply inputClass if necessary if （o...

json 入门学习笔记 示例代码

2016年07月27日 9 阅读

Json介绍： JSON（JavaScript Object Notation） 是一种轻量级的数据交换格式。易于人阅读和编写。 json 官方网站 http://www.json.org/ json.net 下载地址 http://json.codeplex.com/releases/view/37810Demo: 描述： 点击获取按钮后，将请求页面，获取json数据，填充到表格html代码：复制代码 代码如下: <！DOCTYPE html...

跟着JQuery API学Jquery 之二 属性

2016年07月27日 6 阅读

我们常常需要对节点属性，内容，文本进行变更，就需要用到这里的几个函数了 。 1属性 这里我们看到了一个 attr（）函数，有四种形式其中 attr（name）是得到一个所选择的属性值，attr（properties）attr（key，value） attr（key，fn）是为一个属性赋值 这里要说一下的是在Jquery中有这样的设计，得到一个对象的值和给一个对象赋值使用的是同样的函数，用fn（name）来给一个对象赋值，用fn（name，value）来给一...

跟着JQuery API学Jquery 之三 筛选

2016年07月27日 8 阅读

1.过滤 eq（index） 看这个函数和基础里的:eq貌似是一样的（其实就是一样的） 比如我们对<div>1</div><div>1</div>做选择，那我们可以用$（“div”）.eq（1）或$（“div:eq（1）”） 来选中第二个div效果是一样的 hasClass（class） 用来判断当前元素是否含有一个类 这个和is（“.”+class）是一样的，我们来看一下is（）这个函数用来干吗的 ，它是用...

jquery 图片截取工具jquery.imagecropper.js

2016年07月27日 6 阅读

除了jquery，本插件还引用了UI库，包括ui.draggable.js ImageCropper 演示需要asp.net支持。测试通过 ImageCropper 下载 http://www.jb51.net/jiaoben/25688.html插件用法： 复制代码 代码如下:var imageCropper = $（"#imgBackground"）.imageCropper（）; 要注意的是此插件只应用在有src属性的img标签上。 通过插件输出的参...

jquery学习笔记二 实现可编辑的表格

2016年07月27日 8 阅读

实现可编辑的表格demo：实例图：代码：复制代码 代码如下:<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server...

javascript 实现页面加载进度条代码

2016年07月27日 5 阅读

New Document 欧文加油！ [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]...