用JavaScript实现更复杂的交互 [9]
一、什么是框架
框架Frames最主要功用是"分割"视窗,使每个"小视窗"能
显示不同的HTM
L文件,不同框架之间可以互动(interact),这就是说不同框架之间可以交换讯息与资料。例如:假设您开了两个frames,第一个frame可显
示书的目录,第二个frame则显示章节的具体内容。
框架可以将屏幕分割成不同的区域,每个区域有自己的URL,通过Frames[]数组对
象来实现不同框架的访问。实际上框架对象本身也一类窗口,它继承了窗口对象的所有特征,并拥有所有的属性和方法。下面我们先看一下框架的例子。见图9-1
所示。
图9-1
框架对象
<HTML>
<HEAD>
</HEAD>
<Frameset
Rows="20%,80%">
<frame src="test9_1.html">
<Frameset
Cols="50%,50%">
<frame src="test9_2.html">
<frame
src="test9_3.html">
</Frameset>
</Frameset>
</HTML>
以上HTML标识将屏幕分成三个框架。先将窗口分成以二行为单位的窗口,之后再按分成二个窗口。并在相应的框架中放入自己的HTML文档。
通过[Framset ]告诉浏览器您要设置几个框架;rows这项参数告诉浏览器您想将视窗分割成几列;而
cols这项参数是告诉浏览器您想将视窗分割成几行。
可以用很多组的 <frameset...> tags
将视窗分割得更复杂。
可以给每个frame一个"名字" (name)。frame的名字在JavaScript语法中的地位非常重要。
可以用 <src> 告诉浏览器您要载入哪一个 HTML文件。
二、如何访问框架
在前面
我们介绍过使用document.forms[]实现单一窗体中不同元素的访问。而要实现框架中多窗体的不同元素的访问,则必须使用window对象中的
Frames属性。Frames属性同样也是一个数组,他在 父框架集中为每一个子框架设有一项。通过下标实现不同框架的访问:
parent.frames[Index1].docuement.forms[index2]
通过parent.frames.length确定窗口中窗体的数目。 除了使用数组下标来访问窗体外还可以使用框架名和窗体名来实现各元素的访:
parent.framesName.decument.formNames.elementName.(m/p)
三、范例
下面我们通过一个具体的实例,
来说明利用JavaScript脚本在WEB中实现更为复杂的信息交互。该例子是在一个多窗口中实现窗体信息的动态交互,在程序中首�
相关文档:
<!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 ......
今天在开发过程中遇到要用Js代码获取GridView中某个触发事件控件的ID,本人过去没有这样做过,这个问题在那时把我给难住了。
在网上找了好半天,终于是功夫不负有心人,答案还是让我给找到了!这也要感谢那个回帖的好心人。
解决方法就是:window.event.srcElement.id ,它可以当前获得触发事件控件的ID,控件知道了 ......
我们知道,javascript在执行期时是由内到外执行脚本的,那么离我们的脚本最远的全局对象,很可能要跨越几层作用域对能访问到它。不过在IE中,从最内层到最外层要花的时间比其他多出很多。加之,javascript是一种胶水语言,它必须要调用DOM对能完成我们大多数选择。最著名的就是选择元素(document.getElementById,documen ......
使用JavaScript可以创建自己的对象。虽然JavaScript内部和浏览器本身的功能已十分强
大,但JavaScript还是提供了创建一个新对象的方法。使其不必像超文本标识语言那样,求于或其它多媒体工具,就能完成许多复杂的工作。
在JavaScript中创建一个新的对象是十分简单的。首先它必须定义一个对象,而后再为该对象创建一 ......
要实现动态交互,必须掌握有关窗体对象(Form)和框架对象(Frames)更为复杂的知识。
一、
窗体基础知识
窗体对象可以使设计人员能用窗体中不同的元素与客户机用户相交互,而用不着在之前首先进行数据输入,就可以实现动态改变
Web文档的行为。
1、什么是窗体对象
窗体(Form):它构成了
Web页面的基本元素。通常� ......