同一框架内的两个页面，如何实现JS交互
如下所示，主页面为admin_index.asp，里面有三个子页面，admin_top.asp，admin_menu.asp，admin_main.asp，我现在想在ad...
如下所示，主页面为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分
废话，能百度得到还用得着在这提问？ 展开
<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分
废话，能百度得到还用得着在这提问？ 展开
4个回答
展开全部
其实用javascript是最方便容易的解决方法。
不能因为使用.net，C#就完全抛弃js.
试想一下：
这样一个简单的操作都到服务器打个转，处理一下，
如果网络环境不好，显示直接用js解决方便。
而且，你要处理的内容是在两个页面中，那就更不好在服务器端处理了。
你要在服务器处理，等于是这样：
1。点击1中的按钮。
2。把点击的某些信息记录在session中，返回的叶面中仍然要用
js来刷新叶面2。
3。叶面2刷新读取session中的内容。
从中我们可以看到，即使你这样，仍然要用js
反而把简单问题复杂化了。
不能因为使用.net，C#就完全抛弃js.
试想一下：
这样一个简单的操作都到服务器打个转，处理一下，
如果网络环境不好，显示直接用js解决方便。
而且，你要处理的内容是在两个页面中，那就更不好在服务器端处理了。
你要在服务器处理，等于是这样：
1。点击1中的按钮。
2。把点击的某些信息记录在session中，返回的叶面中仍然要用
js来刷新叶面2。
3。叶面2刷新读取session中的内容。
从中我们可以看到，即使你这样，仍然要用js
反而把简单问题复杂化了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
改好了
<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>
<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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这个很简单啊。你百度一下不行吗？
共有 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()" />
看到没有？
难道还不行？
不行就在线交流
共有 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()" />
看到没有？
难道还不行？
不行就在线交流
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
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';
{
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';
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
