JavaScript对frameset的操作总结
1 框架编程概述
一个Html 页面可以有一个或多个子框架，这些子框架以<iframe>来标记，用来显示一
个独立的Html 页面。这里所讲的框架编程包括框架的自我控制以及框架之间的互相访问，
例如从一个框架中引用另一个框架中的JavaScript变量、调用其他框架内的函数、控制另一
个框架中表单的行为等。
2 框架间的互相引用
一个页面中的所有框架以集合的形式作为window 对象的属性提供，例如：
window.frames 就表示该页面内所有框架的集合，这和表单对象、链接对象、图片对象等是
类似的，不同的是，这些集合是document 的属性。因此，要引用一个子框架，可以使用如
下语法：
Javascript 代码
window.frames[“frameName”];
window.frames.frameName
window.frames[index]
其中，window字样也可以用self代替或省略，假设frameName 为页面中第一个框架，
则以下的写法是等价的：
JavaScript 代码
self.frames[“frameName”]
self.frames[0]
frames[0]
frameName
了解了如何引用一个框架，那么引用的这个框架到底是什么呢？其实，每个框架都对应
一个HTML 页面，所以这个框架也是一个独立的浏览器窗口，它具有窗口的所有性质，所
谓对框架的引用也就是对window 对象的引用。有了这个window 对象，就可以很方便地对
其中的页面进行操作，例如使用window.document对象向页面写入数据、使用window.location
属性来改变框架内的页面等。
下面分别介绍不同层次框架间的互相引用：
2.1．父框架到子框架的引用
知道了上述原理，从父框架引用子框架变的非常容易，即：
Java 代码
1. window.frames[“frameName”];
这样就引用了页面内名为frameName 的子框架。如果要引用子框架内的子框架，根据
引用的框架实际就是window对象的性质，可以这样实现：
JavaScript 代码
window.frames[“frameName”].frames[“frameName2”];
window.frames[“frameName”].frames[“frameName2”];
这样就很引用到了二级子
相关文档：
//the common event,If your brower is firefox,you should use this function instead of "window.event"
function getEvent() {
if(document.all)
return window.event; //get ie event
func=getEvent.caller;
while(func!=null) {
......
1.document.write("");
为
输出语句
2.JS
中的注释为
//
3.
传统的
HTML
文档顺序是
:document->html->(head,body)
4.
一个浏览器窗口中的
DOM
顺序是
:window->(navigator,screen,history,location,document)
5.
得到表单中元素的名称和值
:document.getElementById("
表 ......
5、用 构造函数+原型 定义一个类；同一构造函数可以定义出多个类型
/**
* $define 写类工具函数之二
* @param {Object} constructor
* @param {Object} prototype
*/
function $define(constructor,prototype) {
var c = constructor || function(){};
var p = prototype || {};
r ......
8、Ext.js的写类方式
这里用的是Ext core3.0，Ext中用Ext.extend来定义一个类（当然它更多用来扩展一个类），Ext整个框架各种控件如Panel，MessageBox等都是用Ext.extend方法来扩展。这里仅仅用它来定义一个最简单的类。
看Ext.extend的代码可得知，它仍然是用构造函数和原型来组装一个类。
这里只需传两个参数即可，第� ......
9、YUI的写类方式
这里引入的是YUI 2.7.0版，只需引入yahoo.js。YUI引入了命名空间，类似于java的包。以下yahoo的工具函数包
YAHOO.namespace
YAHOO.lang
YAHOO.lang.hasOwnProperty
YAHOO.lang.extend
YAHOO.lang.augment
YAHOO.log
YAHOO_config and YAHOO.env
YUI Module Names
写类方式：
//定义包� ......
