面向对象的编程思想在javascript中的运用(上)
本博客转载于:http://www.cnblogs.com/yage/archive/2009/11/20/1607220.html
对于正在从事或者打算从事编程的人来说,面向对象是一个耳熟能详的词,几乎每一个人都能列举出一些面向对象的编程语言,例如
C++,
JAVA,
C#等等。其实,面向对象的思想是独立于编程语言的,例如在
C#中,在一个静态类的静态方法中,按照过程式开发调用一系列静态函数,我们很难说这是面向对象的编程,相反,象
jquery和
extjs这样优秀的
javascript库,却处处体现着面向对象的设计思想。本文不打算探讨
javascript是否能够算做面向对象的编程语言,这个问题是重视中国式考试的人应该关注的,我这里只是简单的说明如何在
javascript中使用面向对象的编程思想。
面向对象首先要有对象。在
javascript中创建一个对象非常简单:
var o={};
这样就产生了一个对象,我们可以很方便的给这个对象添加属性和方法:
o.name="object name";
o.showName=function(){
alert(o.name);
}
不过大多数人还是习惯把对象的属性和方法放在定义对象的一对
{}里边:var o = {
name: "object name",
showName: function() {
alert(o.name);
}
}
访问属性和方法有两种方式,第一种:
alert(o.name);
o.showName();
这种写法很常见,C#中调用对象的属性和方法也是这种方式。还有一种是javascript中比较特别的,使用属性或者方法的名字作为索引来进行访问:
alert(o["name"]);
o["showName"]();
这好像有点和孔乙己“茴香的茴字有几种写法”差不多了,事实上,很少有人使用索引来调用对象的属性或者方法。
除了我们自定义的属性和方法,我们的对象还有一个constructor属性以及toString()等方法。这些属性和方法是从Object内置对象来
的,所有的对象都会有这些属性和方法。其中constructor属性指向构造出该对象的构造函数。我们没有使用构造函数来创建对象,事实上,js的解释
器会使用Object构造函数。如果我们自己定义了构造函数,那么便可以通过该构造函数来创建对象,这样可以使得创建的对象具有相同的属性和方法,这便开
始有点面向对象的味道了。好,我们从一个简单的例子开始看看如何创建一个构造函数吧:
function Person(name, sex, ag
相关文档:
今天小编和大家探讨的是JavaScript中自定义函数的用法,下面示例中的 Checktriplet 函数以三角形的边长为参数。通过查看三条边的长度是否可以组成一个毕达哥拉斯三元组(直角三角形斜边长度的平方等于其他两条边长的平方和)来计算该三角形是否为直角三角形。实际测试时 checkTriplet 函数要调用另两个函数中的一个函数。
......
最近发现DOMDocument对象很重要,还有XMLHTTP也很重要
注意大小写一定不能弄错.
属性:
1Attributes 存储节点的属性列表(只读)
2childNodes 存储节点的子节点列表(只读)
3dataType 返回此节点的数据类型
4Definition 以DTD或XML模式给出的节点的定义(只读)
5Doctype 指定文档类型节点( ......
源程序:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JavaScript字符串中的字符数组&l ......
from: http://sailinglee.javaeye.com/blog/423701
为了达到某种特殊的效果我们须要用Javascript动态的去修改某一个标签的Css属性。比如:鼠标经过一个图片时我们让图片加一个边框,代码可能是这样:
Javascript代码代码
<script type="text/javascript"> &nbs ......
1、直接在前台调用 javascript 函数
很简单,在 head 元素之间加入 script 元素,将 type 元素设置为 " text/javascript "
如:
<head runat="server">
<script type="text/javascript" >
function ShowName(str)
{
alert("您的名字为:("+str+")");
}
</script>
<title> ......