<!DOCTYPE HTML PUBLIC "-//W3C//DTDHTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
</head>
<frameset cols="20%,80%">
<frame src="https://www.jb51.net/link.html"name="link" />
<frame src="https://www.jb51.net/show.html"name="show" />
</frameset>
</html>
在show.html中展示的商品旁边可以加入这样一条语句：
<a href="https://www.jb51.net/void(0)"onclick="self.parent.link.addToOrders(32068)">加入购物车</a>
其中link表示导航框架，在link.html页面中定义了arrOrders数组来存储商品的id，函数addToOrders()用来响应商品旁边【购买】链接的单击事件，它接收的参数id表示商品的id，例子中是一个id为32068的商品：
复制代码 代码如下:
<script language="JavaScript" type="text/javascript">
<!--
var arrOrders=new Array();
function addToOrders(id){
arrOrders.push(id);
}
//-->
</script>
这样，在结帐页面或是购物车浏览页面就可以用arrOrders来获取所有准备购买的商品。
框架可以使一个页面划分为功能独立的多个模块，每个模块之间彼此独立，但又可以通过window对象的引用来建立联系，是Web开发中的一个重要机制。
页面内引用此页面中Iframe页面内的控件的值可直接写：
复制代码 代码如下:
function test() {
var num = window.iframename.inputtextname.value;
alert( num );
}
此页面中的Iframe要调用页面中的js代码时可直接写：
<input value="点击" type="button"onclick="window.parent.test()" />
您可能感兴趣的文章: