博文
JavaScript教程--从入门到精通--(6)(2008-08-23 19:58:00)
摘要：JavaScript对象系统的使用
使用浏览器的内部对象系统, 可实现与HTML文档进行交互。它的作用是将相关元素组织包装起来，提供给程序设计人员使用，从而减轻编程人的劳动，提高设计Web页面的能力。
一、浏览器对象层次及其主要作用
除了前面提到过的文档document对象外，Navigator浏览器中还提供了窗口（Window）对象以及历史（History）和位置（Location）对象。
浏览器对象(Navigator)
提供有关浏览器的信息
窗口对象(Windows)
Window对象处于对象层次的最顶端，它提供了处理Navigator窗口的方法和属性。
位置对象(Location)
Location对象提供了与当前打开的URL一起工作的方法和属性，它是一个静态的对象。
历史对象(History)
History对象提供了与历史清单有关的信息。
文档对象(Document)
document对象包含了与文档元素(elements)一起工作的对象，它将这些元素封装起来供编程人员使用。
编程人员利用这些对象，可以对WWW浏览器环境中的事件进行控制并作出处理。在JavaScript中提供了非常丰富的内部方法和属性,从而减轻了编程人员的工作,提高编程效率。这正是基于对象与面向对象的根本区别所在。在这些对象系统中,文档对象属于非常重要的,它位于最低层,但对于我们实现Web页面信息交互起作关键作用。因而它是对象系统的核心部分。 二、文档对象功能及其作用
在Navigator浏览器中，document文档对象是核心是，同时也是最重要的。见表6-1所示。
Links
Anchor
Form
Method
Prop
链接对象
锚对象
窗体对象
方法
对象
表6－1 document对象
从表6-1中可以看出，document对象的主要作用就是把这些基本的元素（如links,anchor等）包装起来，提供给编程人员使用。从另一个角度看，document对象中又是由属性和方法组成。
１、document中三个主要的对象
在d......
JavaScript教程--从入门到精通--(5)(2008-08-23 19:57:00)
摘要：在JavaScript中创建新对象
使用JavaScript可以创建自己的对象。虽然JavaScript内部和浏览器本身的功能已十分强大，但JavaScript还是提供了创建一个新对象的方法。使其不必像超文本标识语言那样，求于或其它多媒体工具，就能完成许多复杂的工作。
在JavaScript中创建一个新的对象是十分简单的。首先它必须定义一个对象，而后再为该对象创建一个实例。这个实例就是一个新对象，它具有对象定义中的基本特征。
一、对象的定义
JavaScript对象的定义，其基本格式如下：
Function Object（属性表）
This.prop1=prop1
This.prop2=prop2
...
This.meth=FunctionName1;
This.meth=FunctionName2;
...
在一个对象的定义中，可以为该对象指明其属性和方法。通过属性和方法构成了一个对象的实例。如以下是一个关于University对象的定义：
Function university(name,city,creatDate URL)
This.name=name
This.city=city
This.creatDate=New Date(creatDate)
This.URL=URL
其基本含义如下：
Name－指定一个“单位”名称。
City－“单位”所在城市。
CreatDate－记载university对象的更新日期。
URL－该对象指向一个网址。
二、创建对象实例
一旦对象定义完成后，就可以为该对象创建一个实例了：
NewObject=New object();
其中Newobjet是新的对象，Object已经定义好的对象。例：
U1=New university(“云南省”，“昆明市”，"January 05,199712:00:00","http://www.YN.KM")
U2=New university(“云南电子科技大学”，“昆明”,"January 07,1997 12:00:00","htlp://www.YNKJ.CN")
三、对象方法......
JavaScript教程--从入门到精通--(5)(2008-08-22 19:31:00)
摘要：在JavaScript中创建新对象
使用JavaScript可以创建自己的对象。虽然JavaScript内部和浏览器本身的功能已十分强大，但JavaScript还是提供了创建一个新对象的方法。使其不必像超文本标识语言那样，求于或其它多媒体工具，就能完成许多复杂的工作。
在JavaScript中创建一个新的对象是十分简单的。首先它必须定义一个对象，而后再为该对象创建一个实例。这个实例就是一个新对象，它具有对象定义中的基本特征。
一、对象的定义
JavaScript对象的定义，其基本格式如下：
Function Object（属性表）
This.prop1=prop1
This.prop2=prop2
...
This.meth=FunctionName1;
This.meth=FunctionName2;
...
在一个对象的定义中，可以为该对象指明其属性和方法。通过属性和方法构成了一个对象的实例。如以下是一个关于University对象的定义：
Function university(name,city,creatDate URL)
This.name=name
This.city=city
This.creatDate=New Date(creatDate)
This.URL=URL
其基本含义如下：
Name－指定一个“单位”名称。
City－“单位”所在城市。
CreatDate－记载university对象的更新日期。
URL－该对象指向一个网址。
二、创建对象实例
一旦对象定义完成后，就可以为该对象创建一个实例了：
NewObject=New object();
其中Newobjet是新的对象，Object已经定义好的对象。例：
U1=New university(“云南省”，“昆明市”，"January 05,199712:00:00","http://www.YN.KM")
U2=New university(“云南电子科技大学”，“昆明”,"January 07,1997 12:00:00","htlp://www.YNKJ.CN")
三、对象方法......
JavaScript教程--从入门到精通--(3)(2008-08-22 19:30:00)
摘要：
JavaScript程序构成
JavaScript脚本语言的基本构成是由控制语句、函数、对象、方法、属性等,来实现编程的。
一、程序控制流
在任何一种语言中，程序控制流是必须的，它能使得整个程序减小混乱，使之顺利按其一定的方式执行。下面是JavaScript常用的程序控制流结构及语句:
１、if条件语句
基本格式
if（表述式）
语句段１；
......
else
语句段２；
.....
功能：若表达式为true，则执行语句段１；否则执行语句段２。
说明：
if -else 语句是JavaScript中最基本的控制语句，通过它可以改变语句的执行顺序。
表达式中必须使用关系语句，来实现判断，它是作为一个布尔值来估算的。
它将零和非零的数分别转化成false和true。
若if后的语句有多行，则必须使用花括号将其括起来。
if语句的嵌套
if（布尔值）语句１；
else（布尔值）语句２；
else if（布尔值）语句３；
……
else 语句４；
在这种情况下，每一级的布尔表述式都会被计算，若为真，则执行其相应的语句，否则执行else后的语句。
２、For循环语句
基本格式
for（初始化；条件；增量）
语句集；
功能：实现条件循环，当条件成立时，执行语句集，否则跳出循环体。
说明：
初始化参数告诉循环的开始位置，必须赋予变量的初值；
条件：是用于判别循环停止时的条件。若条件满足，则执行循环体，否则 跳出。
增量：主要定义循环控制变量在每次循环时按什么方式变化。
三个主要语句之间，必须使用逗号分隔。
３、while循环
基本格式
while（条件）
语句集；
该语句与For语句一样，当条件为真时，重复循环，否则退出循环。
For与while语句
两种语句都是循环语句，使用For语句在处理有关数字时更易看懂，也较紧凑；而while循环对复杂的语句效果更特别。
４、break和continue语句
与C++语言相同，使用break语句使得循环从For或w......
JavaScript教程--从入门到精通--(2)(2008-08-22 19:29:00)
摘要：JavaScript基本数据结构
JavaScript提供脚本语言的编程与C++非常相似，它只是去掉了Ｃ语言中有关指针等容易产生的错误，并提供了功能强大的类库。对于已经具备Ｃ++或Ｃ语言的人来说，学习JavaScript脚本语言是一件非常轻松愉快的事。
一、JavaScript代码的加入
JavaScript的脚本包括在HTML中，它成为HTML文档的一部分。与HTML标识相结合，构成了一个功能强大的Internet网上编程语言。可以直接将JavaScript脚本加入文档：
<Script Language ="JavaScript">
JavaScript语言代码；
JavaScript 语言代码;
....
</Script>
说明：
通过标识<Script>...</Script>指明JavaScript脚本源代码将放入其间。
通过属性Language ="JavaScript"说明标识中是使用的何种语言，这里是JavaScript语言, 表示在JavaScript中使用的语言。
下面是将JavaScript脚本加入Web文档中的例子:
Test2.html
<HTML>
<Head>
<Script Language ="JavaScript">
document. Write("这是赛迪网互动学校");
document. close();
</Script>
</Head>
</HTML>
在浏览器的窗口中调用test2.html，则显示“这是赛迪网互动学校”字串。见图2所示。
图2
说明:
Document. write()是文档对象的输出函数，其功能是将括号中的字符或变量值输出到窗口；document. close()是将输出关闭。
可将<Script>...</Script>标识放入head>.. </Head>或<Body> ...</Body>之间。将JavaScript标......
JavaScript教程--从入门到精通--(1)(2008-08-22 19:28:00)
摘要：JavaScript是由Netscape公司开发并随Navigator导航者一起发布的、介于Java与HTML之间、基于对象事件驱动的编程语言，正日益受到全球的关注。因它的开发环境简单，不需要Java编译器，而是直接运行在Web浏览器中，而因倍受Web设计者的所爱。
这一套JavaScript教程分九个章节从什么是JavaScript、JavaScript的简单应用一直介绍到如何用JavaScript实现复杂的交互，对于JavaScript初学者和进阶者来说，都是一部不可多得的优秀教程。
JavaScript教程语言概况
Internet时代，造就了我们新的工作和生活方式，其互联性、开放性和共享信息的模式，打破了传统信息传播方式的重重壁垒，为我们带来了新的机遇。随着计算机和信息时代的到来，人类社会前进的脚步在逐渐加快，每一天都有新的事情发生，每一天都在创造着奇迹。随着Internet技术的突飞猛进，各行各业都在加入Internet的行业中来。无论从管理方面，还是从商业角度来看，Internet都可以带来无限生机。通过Internet，可以实现地区、集体乃至个人的连接，从而达到一种“统一的和谐”。那么怎样把自己的或公司的信息资源加入到WWW 服务器，是广大用户日益关心的问题。采用超链技术（超文本和超媒体技术）是实现这个目标最简单的、最快速的手段和途径。具体实现这种手段的支持环境，那就是HTML超文本标识语言。通过它们可制作所需的Web网页。
通过超文本(Hyper Text)和超媒体(Hyper Media)技术结合超链接(Hyper link)的链接功能将各种信息组织成网络结构(web)，构成网络文档(Document)，实现Internet上的“漫游”。通过HTML符号的描述就可以实现文字、表格、声音、图像、动画等多媒体信息的检索。
然而采用这种超链技术存在有一定的缺陷，那就是它只能提供一种静态的信息资源，缺少动态的客户端与服务器端的交互。虽然可通过CGI(Common Gateway Interface)通用网关接口实现一定的交互，但由于该方法编程较为复杂，因而在一段时间防碍了Internet技术的发展。而JavaScript的出现，无凝为Internet网上用户带来了一线生机。可以这样说,JavaScript的出现是时代......
用javascript操作asp.net label控件 外一篇(2008-08-21 20:16:00)
摘要：<%@ Page Language="C#" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <script runat="server"> </script> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>无标题页</title> <style type="text/css" > .wang { color:white; background-color:red; } .ai { color:yellow; background-color:green; display:inline-block; border-width:1px; border-style:Solid; } .hui { color:blue; background-color:orange; display:inline-block; border-width:1px; border-style:Solid; } </style> <script language="javascript" type="text/javascript"> function mouseOver() { var label1=document.getElementById("Label1"); label1.className="ai"; return false; } function mouseOut() { var label1=document.getElementById("Label1"); label1.className="hui"; return false; } </script> </head> <body> <form id="form1" runat="server"> <div> <asp:La......
用javascript操作 asp .net TextBox控件 下(2008-08-21 20:15:00)
摘要：<%@ Page Language="C#" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <script runat="server"> </script> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>无标题页</title> <script language="javascript" type="text/javascript"> //javascript设置文本框的最大长度 function Button1_Click() { var txtBox1=document.getElementById("TextBox1"); txtBox1.maxLength=10; return false; } //javascript设置文本框的属性为只读 function Button2_Click() { var txtBox1=document.getElementById("TextBox1"); txtBox1.readOnly=true; return false; } //javascript设置行数与文本框类型 //将<input type=text />改成＜textarea /> //id号不变 function Button3_Click() { //移除TextBox1 var textBox1=document.getElementById("TextBox1"); var textBox1id=textBox1.id; //得到TextBox1的父元素 var parentE=textBox1.parentElement; //创建新元素TextArea var newTextBox1=document.createElement("<textarea />"); newTextBox1.id=textBo......
用javascript操作 asp .net Label控件(2008-08-21 20:09:00)
摘要：<%@ Page Language="C#" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <script runat="server"> </script> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>无标题页</title> <link href="wahcss.css" rel="stylesheet" type="text/css" /> <script language="javascript" type="text/javascript"> //用javascript Label设置颜色 function Button1_Click() { var label1=document.getElementById("Label1"); label1.style.color='blue'; label1.style.backgroundColor='red'; label1.style.borderColor='green'; label1.style.border=1; label1.style.borderStyle='solid'; return false; } //用户javascript设置Label的边框样式 function Button2_Click() { var label1=document.getElementById("Label1"); label1.style.border=1; //borderStyle可取的值 //none dotted dashed solid double groove ridge inset outset label1.style.borderStyle='dotted'; return false; } //设置label1的css样式 function Button3_Click......
用javascript操作 asp .net TextBox控件(2008-08-21 20:08:00)
摘要：<%@ Page Language="C#" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <script runat="server"> </script> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>无标题页</title> <script language="javascript" type="text/javascript"> //javascript设置文本框的最大长度 function Button1_Click() { var txtBox1=document.getElementById("TextBox1"); txtBox1.maxLength=10; return false; } //javascript设置文本框的属性为只读 function Button2_Click() { var txtBox1=document.getElementById("TextBox1"); txtBox1.readOnly=true; return false; } //javascript设置行数与文本框类型 //将<input type=text />改成＜textarea /> //id号不变 function Button3_Click() { //移除TextBox1 var textBox1=document.getElementById("TextBox1"); var textBox1id=textBox1.id; //得到TextBox1的父元素 var parentE=textBox1.parentElement; parentE.removeChild(textBox1); //创建新元素TextArea var newTextBox1=document.createElement("<textarea......