您的位置信息之舟电 脑硬件栏目首页网页制作HTML 收藏本页

→ WEB页面信息的交互:窗体基础知识_窗体对象(Form)和框架对象(Frames)什么是引用访问窗体对象方法属性先决条件

www.kepusoft.com 信息之舟电脑软件应用栏目

    信息之舟电脑软件应用栏目编者按:

    WEB页面信息的交互

      要实现动态交互,必须掌握有关窗体对象(Form)和框架对象(Frames)更为复杂的知识。

    一、窗体基础知识

      窗体对象可以使设计人员能用窗体中不同的元素与客户机用户相交互,而用不着在之前首先进行数据输入,就可以实现动态改变Web文档的行为。

    1、什么是窗体对象

    窗体(Form):它构成了Web页面的基本元素。通常一个Web页面有一个窗体或几个窗体,使用Forms[]数组来实现不同窗体的访问。

    <form Name=Form1>

    <INPUT type=text...>

    <Input type=text...>

    <Inpup byne=text...>

    </form>

    <form Name=Form2>

    <INPUT type=text...>

    <Input type=text...>

    </form>

      在Forms[0]中共有三个基本元素,而Forms[1]中只有两个元素。

      窗体对象最主要的功能就是能够直接访问HTML文档中的窗体,它封装了相关的HTML代码:

    <Form

    Name ="表的名称"

    Target ="指定信息的提交窗口"

    action ="接收窗体程序对应的URL"

    Method =信息数据传送方式(get/post)

    enctype ="窗体编码方式"

    [onsubmit ="JavaScript代码"]>

    </Form> 

    2、窗体对象的方法

      窗体对象的方法只有一个--submit()方法,该方法主要功用就是实现窗体信息的提交。如提交Mytest窗体,则使用下列格式:

    document.mytest.submit() 

    3、窗体对象的属性

      窗体对象中的属性主要包括以下:elements name action target encoding method.

      除Elements外,其它几个均反映了窗体中标识中相应属性的状态,这通常是单个窗体标识;而elements常常是多个窗体元素值的数组,例:

    elements[0].Mytable.elements[1] 

    4、访问窗体对象

    在JavaScript中访问窗体对象可由两种方法实现:

    (1)通过访问窗体

      在窗体对象的属性中首先必须指定其窗体名,而后就可以通过下列标识访问窗体如:document.Mytable()。

    (2)通过数组来访问窗体

      除了使用窗体名来访问窗体外,还可以使用窗体对象数组来访问窗体对象。但需要注意一点,因窗体对象是由浏览器环境的提供的,而浏览器环境所提供的数组下标是由0到n。所以可通过下列格式实现窗体对象的访问:

    document.forms[0]

    document.forms[1]

    document.forms[2]...

    5、引用窗体的先决条件

      在JavaScript中要对窗体引用的条件是:必须先在页面中用标识创建窗体,并将定义窗体部分放在引用之前。

www.kepusoft.com 信息之舟电脑之家收集整理推荐文章

相关文章:·textarea多行多列输入元素:窗体中的基本元素(实施对Textarea中的元素进行控制)
·怎么样通过加载JS到html或Asp中来实现页面自动更新呢?
·图片特殊效果HTML源代码汇集整理(美化你的网页)
·ASP和html中用java script控制图片显示的大小(等比例缩放)
·Button按钮 功能:实施对Button按钮的控制 checkbox检查框 功能:实施对一个具有复选框中元素的控制
·radio无线按钮 功能:实施对一个具单选功能的无线按钮控制 hidden:隐藏 功能:实施对一个具有不显示文字并能输入字符的区域元素的控制
·Select选择元素:实施对滚动选择元素的控制_窗体中的基本元素
·一个做网站比较流行的图片幻灯片网页特效
·基本HTML代码大集合(整理中...)
·使用DIV排版的经验
→ HTML栏目列表:

DreamWeaver
FrontPage
FireWorks
Flash
HTML
CSS&其它

→ 赞助商链接:
→ 热门文章排行榜:
·textarea多行多列输入元素:窗体中的基本元素(实施对Textarea中的元素进行控制)
·怎么样通过加载JS到html或Asp中来实现页面自动更新呢?
·图片特殊效果HTML源代码汇集整理(美化你的网页)
·ASP和html中用java script控制图片显示的大小(等比例缩放)
·Button按钮 功能:实施对Button按钮的控制 checkbox检查框 功能:实施对一个具有复选框中元素的控制
·radio无线按钮 功能:实施对一个具单选功能的无线按钮控制 hidden:隐藏 功能:实施对一个具有不显示文字并能输入字符的区域元素的控制
·Select选择元素:实施对滚动选择元素的控制_窗体中的基本元素
·一个做网站比较流行的图片幻灯片网页特效
·基本HTML代码大集合(整理中...)
·使用DIV排版的经验