想在一個JSP頁面內用IFRAME 參考多個JSP頁面，點擊不同的button切換不同頁面，前提是所有的頁面均在WEB-INF 下：
要怎么實作才好呀？
java web 前端菜雞一枚，求助各位大神~~~
uj5u.com熱心網友回復：
用的是Spring MVCuj5u.com熱心網友回復：
切換 iframe 的src或者使用選項卡，只不過你的選項卡里面是iframe.
舉個例子，直接放在body里面，隨意鏈接幾個頁面就看到效果了
<style type="text/css">
#main{
width: 40%;margin: 0 30% auto; height: 200px;overflow: hidden;
}
iframe{display: none;width: 100%;height: 100%;}
span{width: 25%;display: inline-block;background-color: red;}
</style>
<div id="main">
<p><span>1</span><span>2</span><span>3</span><span>4</span></p>
<iframe src="https://bbs.csdn.net/topics/lesson1.txt" width="100%" height="100%" style="display: block;"></iframe>
<iframe src="https://bbs.csdn.net/topics/lesson2.txt" width="" height=""></iframe>
<iframe src="https://bbs.csdn.net/topics/選項卡.html" width="" height=""></iframe>
<iframe src="" width="" height=""></iframe>
</div>
<script type="text/javascript">
$("#main span").click(function(){
var len=$(this).prevAll().length
console.log($(this).prevAll().length)
$("#main>iframe:eq("+len+")").show().siblings('iframe').hide()
})
</script>
uj5u.com熱心網友回復：
怎么訪問都可以,用struts,spring mvc,servlet,只要記住web-inf下的檔案不能對外公開訪問(http://domain/web-inf/jsp/index.jsp),但程式代碼可以訪問到uj5u.com熱心網友回復：
但是iframe在顯示頁面時就加載不出來，找不到頁面。。。
uj5u.com熱心網友回復：
檢查路徑是否正確，
uj5u.com熱心網友回復：
我的這個頁面是通過登錄頁面從Spring 的controller用視圖決議器跳轉的
我的controller地址：src/qrs/controller/XX.java;
JSP頁面地址：web/WEB-INF/views/XX.jsp; iframe參考的頁面也在views下面
我要怎么跳到views下面的JSP頁面呢？
uj5u.com熱心網友回復：
<!--根據id查看頁面 --><iframe src="https://bbs.csdn.net/WEB-INF/jsp/purchase/purchase_apply_detail.jsp"
id="testFrame" name="testFrame" style="width: 100%;height:60%;"
frameborder="0" marginwidth="0" marginheight="0" height="100%;"
scrolling="no" allowtransparency="true"></iframe>
試試這個路徑
uj5u.com熱心網友回復：
在web.xml這樣配置一下<servlet>
<servlet-name>welcome</servlet-name>
<jsp-file>/WEB-INF/views/welcome.jsp</jsp-file>
</servlet>
<servlet-mapping>
<servlet-name>welcome</servlet-name>
<url-pattern>/welcome.jsp</url-pattern>
</servlet-mapping>
然后在views檔案夾下邊就可以這樣用了
<div class="layui-tab-item layui-show">
<iframe src='https://bbs.csdn.net/topics/welcome.jsp' frameborder="0" scrolling="yes" class="x-iframe"></iframe>
</div>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/127878.html
標籤：其他