Browsing the archives for the javascript tag

一段指定时间后隐藏层的js代码

in js框架

法一: //指定时间隐藏层 function hiddenDiv(layer, sec){  if(sec < 1) sec = 3;  sec = (sec<1 ? 3 : sec) * 1000;  setTimeout(“document.getElementById(‘” + layer + “‘).style.display = ‘none’;”, sec); }   法二: function hideDiv(id){  document.getElementById(id).style.display = “none”; } function delayedHide(id, time){  var fn = function(){   hideDiv.apply(this, [id]);   }  setTimeout(fn, time); } delayedHide(“mydiv”, 2000); 第二种方法没有试验过,不知能否成功,大家不仿参考一下

0 Comments

JavaScript 面向对象编程

in js框架

虽然 JavaScript 是脚本语言, 但它所支持的面向对象编程也是非常强大的. 虽然它没有类和实例, 但它有对象, 原型和隐式的继承. 我们将会解释如何模拟继承及其超类与子类之间关系的形式. 原型是理解继承概念的关键, 我们将会教你如何建立原型, 如何检测一个对象是否是另外一个对象的原型, 及其 JavaScript 的模型与 Java 面向对象编程之间的区别. 我们同样会向你展示如何检测对象所包含的各种属性的方法. 在另外一篇文章里, 我还会详细地讲解有关 “原型链 (prototype chain)” 的知识.

0 Comments

Javascript面向对象编程

in js框架

这是所有面向对象编程之前必须弄明白的.
所谓类:简单地说就是模板,说的专业一些,是一类具有某种性质的物的集合.比如:人就是一个类,车也是一个类,等等.
所谓对象:就是类的具体实现.如上面所说,人是一个类,一个具体的人就是一个对象,比如张三.

0 Comments

JavaScript面向对象编程(1)– 基础

in js框架

自从有了Ajax这个概念,JavaScript作为Ajax的利器,其作用一路飙升。JavaScript最基本的使用,以及语法、浏览器对象等等东东在这里就不累赘了。把主要篇幅放在如何实现JavaScript的面向对象编程方面。

1. 用JavaScript实现类
JavaScritpt没有专门的机制实现类,这里是借助它的函数允许嵌套的机制来实现类的。一个函数可以包含变量,又可以包含其它函数,这样,变量可以作为属性,内部的函数就可以作为成员方法了。因此外层函数本身就可以作为一个类了。如下:

0 Comments

,jsonJavaScript中的JSON

in 设计重构

JavaScript这种编程语言首要的目的是为Netscape Navigator提供一种页面脚本语言。它仍被普遍的认为是Java的一个子集,但事实并非如此。它是一种语法类似c语言并且支持面向对象的Scheme-like语言。JavaScript使用了ECMAScript语言规范第三版进行了标准化。

0 Comments

javascript 字符串连接的性能问题(多浏览器)

in 设计重构

<html> <head> <title>Example</title> </head> <body> <p><strong>Note:</strong> The latest versions of Firefox seem to have fixed the string concatenation problem. If you are using Firefox 1.0 or later, the string buffer may actually take longer than normal string concatenation.</p> <script type=”text/javascript”> function StringBuffer() { this.__strings__ = new Array; } StringBuffer.prototype.append = function (str) { this.__strings__.push(str); }; [...]

0 Comments

setTimeout()与clearTimeout()的使用

in 设计重构

<head> <script type=”text/javascript”> function startload() { mytimer=window.setTimeout(“alert(‘时间很晚了,应该离开了!’)”,10000) } function stop() { window.clearTimeout(mytimer); con=confirm(“真的想结束浏览吗?”); if(con==ture)window.close(); } </script> </head> <body onLoad=”startload()”> <form> <center> <h3>请在10秒钟单击以下按钮以技术浏览:</h3> <input type=”button” value=”请在10秒钟内单击此按钮” onClick=”stop()”> </center> </form> </body>

0 Comments

JavaScript isNaN() 函数

in 设计重构

定义和用法
isNaN() 函数用于检查其参数是否是非数字值

语法
isNaN(x)
参数 描述
x 必需。要检测的值。
返回值
如果 x 是特殊的非数字值 NaN(或者能被转换为这样的值),返回的值就是 true。如果 x 是其他值,则返回 false。
说明
isNaN() 函数可用于判断其参数是否是 NaN,该值表示一个非法的数字(比如被 0 除后得到的结果)。
如果把 NaN 与任何值(包括其自身)相比得到的结果均是 false,所以要判断某个值是否是 NaN,不能使用 == 或 === 运算符。正因为如此,isNaN() 函数是必需的。

0 Comments

JavaScript push() 方法

in 设计重构

定义和用法
push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。

语法
arrayObject.push(newelement1,newelement2,….,newelementX)
参数 描述
newelement1 必需。要添加到数组的第一个元素。
newelement2 可选。要添加到数组的第二个元素。
newelementX 可选。可添加多个元素。

返回值
把指定的值添加到数组后的新长度。

说明
push() 方法可把它的参数顺序添加到 arrayObject 的尾部。它直接修改 arrayObject,而不是创建一个新的数组。push() 方法和 pop() 方法使用数组提供的先进后出栈的功能。

0 Comments

JS基础prototype属性的使用

in js框架, 设计重构

  prototype 是在 IE 4 及其以后版本引入的一个针对于某一类的对象的方法,而且特殊的地方便在于:它是一个给类的对象添加方法的方法!这一点可能听起来会有点乱,别急,下面我便通过实例对这一特殊的方法作已下讲解:

  首先,我们要先了解一下类的概念,JavaScript 本身是一种面向对象的语言,它所涉及的元素根据其属性的不同都依附于某一个特定的类。我们所常见的类包括:数组变量(Array)、逻辑变量(Boolean)、日期变量(Date)、结构变量(Function)、数值变量(Number)、对象变量(Object)、字符串变量(String) 等,而相关的类的方法,也是程序员经常用到的(在这里要区分一下类的注意和属性发方法),例如数组的push方法、日期的get系列方法、字符串的split方法等等.

0 Comments