iframe局部刷新，点一个按钮，在指定的框架内显示页面～
左边有一排链接，点其中一个链接，在右边的iframe内显示对应的页面。<divclass="alfx_con"id="tabcontedd1"><divclass="al...
左边有一排链接，点其中一个链接，在右边的iframe内显示对应的页面。
<div class="alfx_con" id="tabcontedd1">
<div class="alfx_le">
<ul>
<li><a name="rightFrame" href="app_read.aspx?id=11"><img src="/upload/201406/26/small_201206261532333281.jpg" width="80" height="80"/></a></li>
<li><a name="rightFrame" href="app_read.aspx?id=10"><img src="/upload/201406/26/small_201206261528076093.jpg" width="80" height="80"/></a></li>
</ul>
</div>
<iframe width="900" height="600"scrolling="no" frameborder="0" src="case_read.aspx?id=<%=request("id")%>" target="rightFrame" ></iframe>
指定名字了，点链接，还是新开窗口了，没有在指定的框架内显示内容～ 展开
<div class="alfx_con" id="tabcontedd1">
<div class="alfx_le">
<ul>
<li><a name="rightFrame" href="app_read.aspx?id=11"><img src="/upload/201406/26/small_201206261532333281.jpg" width="80" height="80"/></a></li>
<li><a name="rightFrame" href="app_read.aspx?id=10"><img src="/upload/201406/26/small_201206261528076093.jpg" width="80" height="80"/></a></li>
</ul>
</div>
<iframe width="900" height="600"scrolling="no" frameborder="0" src="case_read.aspx?id=<%=request("id")%>" target="rightFrame" ></iframe>
指定名字了，点链接，还是新开窗口了，没有在指定的框架内显示内容～ 展开
1个回答
展开全部
并不是要在 iframe 里面使用target 属性，而是要在链接里面使用iframe属性哦
<div class="alfx_con" id="tabcontedd1">
<div class="alfx_le">
<ul>
<li>
<a href="app_read.aspx?id=11" target="rightFrame">
<img src="/upload/201406/26/small_201206261532333281.jpg" width="80" height="80"/>
</a>
</li>
<li>
<a href="app_read.aspx?id=10" target="rightFrame">
<img src="/upload/201406/26/small_201206261528076093.jpg" width="80" height="80"/>
</a>
</li>
</ul>
</div>
<iframe width="900" height="600"scrolling="no" frameborder="0" src=" case_read.aspx?id=<%=request('id')%>" name="rightFrame" ></iframe>
</div>
另外…既然都动态加载了…（如果我没看错），试试看$.load 然后再隐藏会更高效哦…
追问
呵呵～谢谢啊～不好意思～是我自己粗心写反了～另外$.load有没有参考的例子？
可以发一个看看，分我会另加的～
追答
这个……会有点长耶……
<body>
<div class="row">
<div class="column col-sm-1"></div>
<div class="column col-sm-10">
<div class="clear-fix" name="targetDiv" id="targetDiv">
</div>
<button class="btn" type="button" id="btn">点击加载</button>
</div>
<div class="column col-sm-1"></div>
</div>
</body>
简单的布置html页面，css因为不重要所以引入的是bootstrap.min.css的页面。要注意在head里面要有 jQuary. 和下面的一个简单的JS.
用jade习惯了…有语法错误就包含一下…没检查
$(document).ready(function(){
$("#btn").click(function(){
$().load("app_read.aspx?id=10");
});
}load方法后面还可以加回调函数。
hide和show的方法也可以加到里面去。
因为是异步的，中间也可以加很多过程……嘛…基本就这样……这个讲起来很长了…自己去看相关教材吧……
就是这样喵……
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
