Jquery实现“Iframe”页面切换
一:Defualt.aspx页面下的“IFrame”
<iframe id="BoardTitle" 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="Welcome.aspx"></iframe>
二:实现切换页面
<script type="text/javascript">
<input id="Bt_Binding" type="button" value="绑定" class="buttoncss" onclick="b_click()" /> <input id="Button1" type="button" value="解绑" class="buttoncss" onclick="bt_un_click()" />
三: 与“TreeView”结合,使页面显示到指定框架
myNode.NavigateUrl = "javascript:NowShow('"+url_all+"')";
//myNode.Target = "mainFrame";
四:注意
1、切换时,切换的页面会被重新加载。
2、 Jquery获取Document元素时是“$ ”和“#”的筛选器。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步