栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

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

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

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

    现在你已经了解了计算机编程的基本知识。我们接下来继续研究一下文档对象模型(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还可以让你检测在表单中进行的事件。下一讲将进行介绍。

1234下一页阅读全文
转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/120276.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号