欢迎来到福编程网,本站提供各种互联网专业知识!

JavaScript初级教程(第五课)第1/4页

发布时间:2007-04-05 作者: 来源:转载
现在你已经了解了计算机编程的基本知识。我们接下来继续研究一下文档对象模型(DocumentObjectModel-DOM)。DOM的点击关系起始于窗口对象在每个窗口对象中是一个文档对象(Documentobject)。我们将重点谈谈文档对象,看看如何利用它从你的用户获得各项信息

现在你已经了解了计算机编程的基本知识。我们接下来继续研究一下文档对象模型(Document Object Model-DOM)。DOM的点击关系起始于窗口对象在每个窗口对象中是一个文档对象(Document object)。我们将重点谈谈文档对象,看看如何利用它从你的用户获得各项信息,并且动态显示新的信息。

我们已经看过文件对象的一个属性-图象数组(Images array)。在第3课中,文件中第1个图象可以通过改变其src属性被修改。

例:

window.document.images[0].src='some_new_picture.gif';

该命令将把文档中的第1个图象改成一个名为some_new_picture.gif的新图象。在DOM中,图象数组中的每个图象也是对象。所以images[0].src指令象对对象那样发挥作用,它的意思就是:从Image数组中调用Image的中的对象image[0],并设定其src属性。将其翻译过来即:从该窗口中调用文档(document)属性,从该文档的图象数组中调用第1幅图象,并将其src属性该为图象some_new_picture.gif。

Image对象还有其它很多有趣的属性,例如,你可以让JavaScript在作其它事之前检查一幅图象是否已经完全载入。但是,我们只能在以后的课程中谈到这些属性。今天,我们将谈谈反馈表单及如何在JavaScript中应用反馈表单。

反馈表单是HTML 1.0规范的一部分。许多人对其并不很了解。很多人只以为它只能由于用户端CGI编程。其实,即使你不是CGI程序员,反馈表单也会为你提供许多功能。而JavaScript可被用来为反馈表单添加各种功能。而且无须用户端CGI的辅助。

如果你不了解反馈表单如何工作,请学习HTML入门中的有关课程。然后在开始学习本课。

首先,在javascript中,反馈表单也被存储在一个对象数组中。你可以通过window.document.images[0]调用图象数组中的第一幅图象,你也可以用window.document.forms[0]调用反馈表单数组中的第1项表单。你可为图象命名,也可以以类似的方式为反馈表单命名。例如,如果该反馈表单

的编程如下:



你可以用以下两种方式之一引用该表单:

var the_form = window.document.forms[0];
var the_same_form = window.document.first_form;

更多的时候,你需要引用到表单内的元素,例如上例中的文字域。

将鼠标滑过该链接看看会发式什么事情。

Yes, and I know it. No!

通过改变文字域的值就可实现这种奇妙的变换。



改变文字域的链接为:

Yes, and I know it.

No!

意思是说,表单调用第1个表单,并将其值设为 'Clap clap!'第2行作用相似。这同改变图象的src非常相似。只不过文字域改变的是值。

对textareas也可以采用类似的方法改变值:

Part 1 Part 2

表单编码:



注意该表单有一个名字:third_form,并且文字区也有一个名字:the_textarea。

其链接和文字域的设定方法基本相同:

Part 1
Part 2

唯一的不同之处在于将一个变量赋值给textareas,而不是将字符串赋值给它。该变量在HTML首部已经做了定义。

以下是变量的字符串赋值:

var first_part = "Now I'm the king of the swingersnOh, the jungle VIPnI've reached the top and had to stopnAnd that's what botherin' me";

注意"n"是换行符。如果你在一个

 并且或在一个textarea中写字,"n" 换行符非常方便。

除了改变表单元素的值,JavaScript还可以让你检测在表单中进行的事件。下一讲将进行介绍。

当前1/4页1234下一页阅读全文

相关推荐