现在你已经了解了计算机编程的基本知识。我们接下来继续研究一下文档对象模型(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!
通过改变文字域的值就可实现这种奇妙的变换。
改变文字域的链接为:
意思是说,表单调用第1个表单,并将其值设为 'Clap clap!'第2行作用相似。这同改变图象的src非常相似。只不过文字域改变的是值。
对textareas也可以采用类似的方法改变值:
Part 1 Part 2
表单编码:
注意该表单有一个名字:third_form,并且文字区也有一个名字:the_textarea。
其链接和文字域的设定方法基本相同:
唯一的不同之处在于将一个变量赋值给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下一页阅读全文