同一框架内的两个页面,如何实现JS交互

如下所示,主页面为admin_index.asp,里面有三个子页面,admin_top.asp,admin_menu.asp,admin_main.asp,我现在想在admin_main.asp里面写一段JS用来控制admin_top.asp里面的一个div的显示与隐藏,请问如何写?
<frameset id="aaa" rows="75,*" framespacing="0" border="0">
<frame src="admin_top.asp" id="top" name="top">
<frameset cols="170,*">
<frame src="admin_menu.asp" name="menu" id="menu">
<frame src="admin_main.asp" name="main" id="main">
</frameset>
</frameset>
真的这么难吗,没人回答...再加50分

废话,能百度得到还用得着在这提问?

其实用javascript是最方便容易的解决方法。

不能因为使用.net,C#就完全抛弃js.

试想一下:
这样一个简单的操作都到服务器打个转,处理一下,
如果网络环境不好,显示直接用js解决方便。

而且,你要处理的内容是在两个页面中,那就更不好在服务器端处理了。
你要在服务器处理,等于是这样:
1。点击1中的按钮。
2。把点击的某些信息记录在session中,返回的叶面中仍然要用
js来刷新叶面2。
3。叶面2刷新读取session中的内容。

从中我们可以看到,即使你这样,仍然要用js
反而把简单问题复杂化了。
温馨提示:答案为网友推荐,仅供参考
第1个回答  2009-07-09
改好了

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script langauge="javaScript" type="text/javascript">

function showDiv(i)
{
for(j=0;j<=6;j++)
{
document.getElementById('div'+j).style.display='none';

}
document.getElementById('div'+i).style.display='block';
}

</script>
</head>

<body ><form>
<table width="700" border="1" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2"> </td>
</tr>
<tr>
<td width="169" height="283"><table width="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td height="30"><div align="center"><input type=button value="showDiv0" onclick="showDiv(0);">
会员管理</div>
</td>
</tr>
<tr>
<td height="30"><input type=button value="showDiv1" onclick="showDiv(1);"></td>
</tr>
<tr>
<td height="30"><input type=button value="showDiv2" onclick="showDiv(2);"></td>
</tr>
<tr>
<td height="30"><input type=button value="showDiv3" onclick="showDiv(3);"></td>
</tr>
<tr>
<td height="30"><input type=button value="showDiv4" onclick="showDiv(4);"></td>
</tr>
<tr>
<td height="30"><input type=button value="showDiv5" onclick="showDiv(5);"></td>
</tr>
<tr>
<td height="30"><input type=button value="showDiv6" onclick="showDiv(6);"></td>
</tr>
</table></td>
<td width="525">
<div id=div0 >ggggg</div>
<div id=div1 >ggggg</div>
<div id=div2 >bbbbb</div>
<div id=div3 >ccccc</div>
<div id=div4 >ddddd</div>
<div id=div5 >eeeee</div>
<div id=div6 >fffff</div>

</td>
</tr>
</table>
</form>
</body>
</html>
第2个回答  2009-07-09
这个很简单啊。你百度一下不行吗?
共有 A B C 三个页面
B C 两个页面都以框架的形式放在A 页面中

求 在B页面中用onclick事件打开在C页面中隐藏的一个层

该如何实现呢?
在B页面里写

<script type="text/javascript">
function FrameDiv()
{
window.parent.c.document.getElementById("div1").style.display="";
}
</script>
<input type="button" value="getDiv" onclick="FrameDiv()" />

看到没有?
难道还不行?
不行就在线交流
第3个回答  推荐于2016-03-25
function getFrame(frameId)
{
if (typeof window.my_iframe == "undefined") {
window.my_iframe = document.getElementById(frameId);

if (typeof window.my_iframe == "undefined")
throw "fatal: iframe object not found";
}

return window.my_iframe;
}

function getFrameWin()
{
var f = getFrame();
var win = f.contentWindow || f.contentDocument;

return win;
}

function getFrameDoc()
{
var win = getFrameWin();
return win.contentDocument || win.document;
}

var doc = getFrameDoc();
doc.body.getElementById('div1').style.display = 'block';本回答被提问者采纳