用JavaScript脚本实现Web页面信息交互 [8]
要实现动态交互,必须掌握有关窗体对象(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中要对窗体引用的条件是:必须先在页面
相关文档:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>JavaScript真正的鼠标放上动画加载大图的代码</title>
<style>
*{ padding:0; margin ......
尽管那需要用长串的、沉闷的不同分支代码来应付不同浏览器的日子已经过去,偶尔还是有必要做一些简单的区分和目标检测来确保某块代码能在用户的机器上正常运行。在这篇文章中,作者介绍了7个在IE和Firefox中不同的JavaScript句法。
1. CSS "float" 值
访问一个给定CSS 值的最基本句法是:object.style.property, ......
最近,我参考,根据正则表达式构建DFA(确定的有穷自动机)的技术,完成了一个从正则表达式到JavaScript的翻译器。
翻译器是针对chrome和firefox设计的,没有在其他浏览器中测试过。
Google Code上的源代码:http://code.google.com/p/nephotools/source/browse/#svn/trunk/regexpQuery
regexpQuery.js中定义了regexpQue ......
keycode 8 = BackSpace BackSpace
keycode 9 = Tab Tab
keycode 12 = Clear
keycode 13 = Enter
keycode 16 = Shift_L
keycode 17 = Control_L
keycode 18 = Alt_L
keycode 19 = Pause
keycode 20 = Caps_Lock
keycode 27 = Escape Escape
keycode 32 = space space
keycode 33 = Prior
keycode 34 ......
JavaScript教程语言概况
Internet时代,造就了我们新的工作和生活方式,其互联性、开放性和共享信息的模式,打破了传统信息
传播方式的重重壁垒,为我们带来了新的机遇。随着计算机和信息时代的到来,人类社会前进的脚步在逐渐加快,每一天都有新的事情发生,每一天都在创造着奇
迹。随着Internet技术的突飞猛进,各行各 ......