用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中要对窗体引用的条件是:必须先在页面
    
     
	
	
    
    
	相关文档:
        
    
    window,是javascript中整个框架中的根。它具有如下属性和方法:
属性:location,navigate,screen,frameset[],document,history等6个重要的属性.
方法:setTineOut(),moveTo(),moveBy(),resizeBy(),resizeTo()等几个常用的方法。
请看如下两个例子:
1、状态栏动态显示年月日
  function setTime() {
 &n ......
	
    
        
    
    <!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>DOM</title>
<meta http-equiv="Content-Type&quo ......
	
    
        
    
    一、正则表达式通过RegExp类实现,RegExp对象的构造函数可以带一个或两个参数。第一个参数(或只有一个参数)是描述需要进行匹配的模式字符串,如果还有第二个参数,这个参数则指定了额外的处理指令。
定义正则表达式:
1、只匹配字符串中出现的第一个单词"cat";区分大小写
var reCat = new RegExp("cat&q ......
	
    
        
    
    根据浏览器复制到剪贴板的功能,具体代码如下:
var txt="要复制到剪贴板的内容";
function copyToClipboard(txt) {
     if(window.clipboardData) {
             window.clipboardData.clearData();
    &nb ......