javascript控制框架页面的target实例图解 .: WEB开发技术知识库(www.cn-web.com)

javascript控制框架页面的target实例图解

本实例用的是iframe结构。

在框架页面中，实现某子框架页面控制另一框架页面经常用到，今天就在左侧框架页面里单击后用javascript来控制在右侧框架页面里显示的实例：

图示：

由上图所示，页面中其实是嵌套了两层框架：

第一层架构：<iframe src="x1.aspx" width="100%" height="730" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" id="sss"></iframe>

x1.aspx页面里又有两个框架：

左侧：<iframe frameBorder="0" id="carnoc" name="carnoc" scrolling="no" src="l1.aspx" style="Z-INDEX: 2; VISIBILITY: inherit; WIDTH: 160px; HEIGHT: 100%"> </iframe>

右侧：<iframe id="main" name="main" scrolling="no" src="r1.aspx" style="Z-INDEX: 1; VISIBILITY: inherit; WIDTH: 100%; HEIGHT: 100%"> </iframe>

(注：因系统要求，这里只能用iframe)

OK，描述完结构，我们现在要实现，单击左侧的按钮或者链接，实现在右侧打开网页：

链接实现：<a href="xx.aspx" target="main">www.cn-web.com</a>

按钮实现：<input type="button" value="web开发技术知识库" onclick="clframes(''1.aspx'')" />

<!--

/*
参数urls:目标地址

作者：老韩

技术：www.cn-web.com
*/

function clframes(urls)
{
top.frames["sss"].frames["main"].document.location.href=urls;
}
-->

文章编号	598
创建日期	2-27-2008
修改日期	3-2-2008
发布人	laohan
点评	(None)

用户评论

增加评论

此文章还没有任何评论！