jqury或JS实现页面切换
0
悬赏园豆：20
[已解决问题]
解决于 2012-02-15 08:58
窗体分为左右两部分，中间可以折叠。
左侧：
<iframe name="BoardTitle" style="height: 100%; visibility: inherit; width: 198; z-index: 2"
scrolling="auto" frameborder="0" src="left.aspx"></iframe>
右侧：
<iframe id="mainFrame" name="mainFrame" style="height: 100%; visibility: inherit;
width: 100%; z-index: 1" scrolling="auto" frameborder="0" src="Admin/TVDepartAll.aspx"></iframe>
现在要实现的效果是：
在右侧的“Admin/TVDepartAll.aspx”页面里，有两个按钮，一个是“固定”，一个是“解固”。
1、当点击固定时，左侧的“iframe”的“src="left.aspx"”要修改下。要改为右侧“iframe”的“src="Admin/TVDepartAll.aspx"”，然后右侧“iframe”的“src="Admin/TVDepartAll.aspx"”变为“src="Welcome.aspx"”
简而言之，点击固定，左侧“src="left.aspx"”改为右侧“src="Admin/TVDepartAll.aspx"”，而右侧“src="Admin/TVDepartAll.aspx"”改为“src="Welcome.aspx"”。就相当于固定了右侧的“TVDepartAll.aspx”。
2、当点击解固时，左侧的“src="Admin/TVDepartAll.aspx"”还原为“src="left.aspx"”。右侧的“src="Welcome.aspx"”还原为“src="Admin/TVDepartAll.aspx"”
应该是通过JS或是Jquery来操作DOM实现，可是小弟的JS和Jquery不是很好，大家请看，这样的功能，JS或是Jquery应该怎样写啊？？？
如果忙的话简单写上几句也行啊，说说思路。不过，最好能多说点，多写点了，小弟急啊，客户急啊。。。
![[CC]的主页](http://pic.cnblogs.com/face/288860/20150107092411.png)
最佳答案
0
<button title="test" onclick="b_click()">test</button>
<script type="text/javascript">
function b_click(){
$("#BoardTitle").attr("src","welcome.aspx);
};
</script>
给iframe加个ID#BoardTitle就行了
收获园豆：15
一、在“Default.aspx”页面里面
<iframe id="#BoardTitle" name="BoardTitle" scrolling="auto" frameborder="0" src="left.aspx"></iframe>
二、然后在“TVDepartAll.aspx”页面里面：
<script src="../JQuery/jquery-1.4.1.js" type="text/javascript"></script>
<script type="text/javascript">
function b_click(){
$("#BoardTitle").attr("src", "Admin/TVDepartAll.aspx");
};
</script>
<input type="button" value="绑定" onclick="b_click()" />
这样书写，点击按钮没有反应啊。
在即时窗口里查看：
$("#BoardTitle")
{...}
context: {object}
jquery: "1.4.1"
length: 0
selector: "#BoardTitle"
怎么回事呢？
@星空（StarrySky）:
呃···我理解错了····应该是这样···
$('#BoardTitle', parent.document).attr("src", "Admin/TVDepartAll.aspx");
其他回答(1)
0
又是图片配合简单的解说应该会更清楚些
收获园豆：5
您没听明白么？
@星空（StarrySky）: 我只是个人认为，那样可能会把问题表达的更清楚，没别意思
