技术开发

JavaScript技术

Extjs学习笔记之八 继承和事件基础

阅读(45) 作者(admin)

这里接口的意思是Observable实际上起了一个抽象类的作用,Extjs中有大量的组件都是继承自这个类的。这个类提供了一些基本的方法比如addEvents,addlistener,fireEvent等等。

本文暂时不介绍如何使用extjs的组件响应事件...

JavaScript技术

JavaScript中的集合及效率

阅读(38) 作者(admin)

虽然这个集合的 key 只能是 String 类型,不像 Java 里面的各种集合类能够使用各种对象作为 Key ,但对于实现一般的客户端 JS 功能来说,已经是足够用了。同样,因为所有的 JS 内部对象都继承自 Object 对象,所以实际上 JS 的...

JavaScript技术

利用js获取服务器时间的两个简单方法

阅读(50) 作者(admin)

有时用js来获取服务器时间。一般会用System.DateTime

方法如下: 复制代码 代码如下: <script language="javascript"> var a = new Date() a = <%=System.DateTime.Now.ToString("yyyy-MM-dd HH:mm:ss")%>; Response...

JavaScript技术

在html页面上拖放移动标签

阅读(40) 作者(admin)

1、设置标签(如img, div等等)的样式:将position设置为absolute,例如: <div style="position:absolute" id="move_id" onmousedown="mousedown()" onmouseup="mouseup()"> 2、用一个临时元素来记录标签的状态 。将临时元素...

了解jQuery技巧来提高你的代码
JavaScript技术

了解jQuery技巧来提高你的代码

阅读(43) 作者(admin)

jQuery之所以如此流行并被从大公司到个人博客的几乎每个人都广泛使用,是因为它上手和使用相当简单,而且为我们提供了一些人都不知道的相当棒的特性。我认为jQuery的大多数用户更趋向于使用jQuery插件来解决面临的难...

JavaScript 页面坐标相关知识整理
JavaScript技术

JavaScript 页面坐标相关知识整理

阅读(37) 作者(admin)

offsetTop 可以获得 HTML 元素距离上方或外层元素的位置,style.top 也是可以的,二者的区别是:

一、offsetTop 返回的是数字,而 style.top 返回的是字符串,除了数字外还带有单位:px。 二、offsetTop 只读,而 style.top 可读...

JavaScript技术

Javascript UrlDecode函数代码

阅读(44) 作者(admin)

有时候可能会有这么一个需求,我在后台使用: 复制代码 代码如下: HttpUtility.UrlEncode(str, System.Text.Encoding.UTF8); 将Url进行编码,前台JS需要使用这段内容,这时候就需要解码了:

代码 复制代码 代码如下: /...

JavaScript技术

JQuery 遮罩层实现(mask)实现代码

阅读(35) 作者(admin)

其中有mask()和unmask()这两个方法,这两个方法在指定的元素上添加一个遮罩层和一个提示消息实现,增加客户体验。由于最近做项目的时候,发现有时为了使用这一两个方法需要引入一个比较“庞大”的Extjs进来,觉得有点不划算...

JavaScript技术

jQuery 页面 Mask实现代码

阅读(46) 作者(admin)

在 Ajax 应用中,显示一个 Dialog(以 Div 方式显示)前,都会先建一个 Mask。因为经常会用到,所以写成了一个 jQuery 插件,方便自己的使用。复制代码 代码如下: (function($){ $.extend({ documentMask: function(options){ //...

Javascript的构造函数和constructor属性
JavaScript技术

Javascript的构造函数和constructor属性

阅读(50) 作者(admin)

例如,在Chrome下调试如下程序,很清楚的展示了这点: 然而事情并不是这么简单。再看下面的代码:很显然,这个时候obj的constructor已经不再是创建它的函数,注意到obj.name也是undefined,因此修改构造函数的prototype的contruc...

JavaScript技术

js或css文件后面跟参数的原因说明

阅读(40) 作者(admin)

经常遇到页面里加载的js与css文件带有参数,比如:

<script type="text/javascript" src="jb51.js?version=1.2.6"></script><link rel='stylesheet' href='base.css?version=2.3.3' type='text/css' /> 使用参数有两种...

JavaScript技术

将CKfinder整合进CKEditor3.0的新方法

阅读(41) 作者(admin)

CKFinder 1.4 下载地址:http://ckfinder.com/CKEditor3.0 下载地址:http://ckeditor.com/实例: 复制代码 代码如下: <textarea id="Textarea1" name="editor1" rows="10" cols="80"></textarea> <script type="text/java...

JavaScript技术

jQuery UI-Draggable 参数集合

阅读(36) 作者(admin)

Draggable 库文件:ui/ui.core.js、ui/ui.draggable.js ============================================================ Default: $(”#draggable”).draggable(); ==================================================...

JavaScript技术

javascript call方法使用说明

阅读(41) 作者(admin)

先看一下官方的解释: call 方法 请参阅 应用于:Function 对象 要求 版本 5.5 调用一个对象的一个方法,以另一个对象替换当前对象。 call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 参数 thisObj 可选项。将被用作当前对象...

JavaScript技术

javascript instanceof 与typeof使用说明

阅读(43) 作者(admin)

typeof用以获取一个变量的类型,typeof一般只能返回如下几个结果:number,boolean,string,function,object,undefined。我们可以使用typeof来获取一个变量是否存在,如

if(typeof a != "undefined"){},而不要去使用if(a)因...

JavaScript技术

IE bug table元素的innerHTML

阅读(38) 作者(admin)

首先时飘忽不定的collapse的border,ie6偏偏有一个地方与其他浏览器表现不同,一条丑陋的border不管怎么样都显示出来。无解。

上面的问题可以用诡异方法解决的话,那接下来就完全没有办法了。

由于涉及到了数据的异步...

JavaScript技术

Javascript学习笔记1 数据类型

阅读(35) 作者(admin)

代码类型只有一种形式就是function。

undefined:未定义,我们也可称之为不存在,typeof(undefined)=undefined.

null:为空。undefined是不存在,而null是存在,但却无。typeof(null)=object,但null又不是object,这就是null...

JavaScript技术

Javascript学习笔记2 函数

阅读(35) 作者(admin)

就像我们可以写成这样的形式一样: 复制代码 代码如下: function Hello() { alert("Hello"); } Hello(); var Hello = function () { alert("Hello"); } Hello(); 其实都是一样的。 但是当我们对其中的函数进行修改时,...

JavaScript技术

Javascript学习笔记3 作用域

阅读(41) 作者(admin)

在Javascript,全局环境本身就一个对象。在浏览器宿主中这个对象是window,而当Javascript用于其它非浏览器的宿主,如嵌入式的环境中,可能会是其它的对象。 在这里也纠正一个观念,有很多人都认为Javascript只在浏览器中使用,...

JavaScript技术

Javascript学习笔记4 Eval函数

阅读(45) 作者(admin)

eval的作用其实很简单,就是把一段字符串传递给JS解释器,由Javascript解释器将这段字符串解释成Javascript代码,并且执行他。 举个最简单的例子: 复制代码 代码如下: <script type="text/javascript"> eval("alert(1+1)");...

JavaScript技术

Javascript学习笔记5 类和对象

阅读(42) 作者(admin)

面向对象语言三大特点:继承,多态,封装,这三点虽然Javascript没有提供天然的语法实现,但是我们都可以通过prototype等技巧来实现,因此这种说法似乎不过分。 在Javascript中,构造对象有三种方式: 1. 首先,我们要明确一个概念,Java...

JavaScript技术

Javascript学习笔记6 prototype的提出

阅读(41) 作者(admin)

首先我们继续上文的代码,我们来把这段代码延伸一下: 复制代码 代码如下: <script type="text/javascript"> var Person = function (name, age) { this.name = name; this.age = age; this.Introduce = function () { a...

JavaScript技术

Javascript学习笔记7 原型链的原理

阅读(37) 作者(admin)

我们先看看这样一段代码: 复制代码 代码如下: <script type="text/javascript"> var Person = function () { }; var p = new Person(); </script> 很简单的一段代码,我们来看看这个new究竟做了什么?我们可以把new的过...

JavaScript技术

Javascript学习笔记8 用JSON做原型

阅读(38) 作者(admin)

代码如下: 复制代码 代码如下: <script type="text/javascript"> var People = { name: "kym", age: 21, SayHello: function () { alert("Hello,My name is " + this.name + ".I am " + this.age); } } alert(People....