1. 程式人生 > >總結一些頁面常見的跳轉方法

總結一些頁面常見的跳轉方法

1、通用的頁面跳轉方法 ,一般以根目錄為起始目錄
window.location.href = urls;//urls為跳轉的路徑 
2、寫在html中的頁面跳轉方法,一般以當前目錄為起始目錄:
對應的頁面部分:
<iframe id="iframeID" style="display:none;"></iframe><!-- 此iframe無其它用途,一般設定隱藏-->
對應的js部分:
document.getElementById("iframeID").src =urls;
3、<a>標籤中的src屬性中直接寫入路徑。可以點選文字直接跳轉到相應的頁面
<a href="jsp/selfservice/self_service_operate.jsp" title="點選進入業務報告查詢">
<span style="color: #436EEE;">蘇寧電器6月網路執行報告</span></a>
4、在a標籤中通過click方法跳轉到相應的頁面
<a href="javascript:void(0)" class="icon-gear" onclick="javascript:functionTZ()" title="點選進行配置"></a>
js部分:
function functionTZ(){
window.location.href = urls;
}
5、<iframe>標籤中的src屬性中直接寫入路徑,當開啟當前頁面的iframe中的頁面也會隨之加載出來。
<iframe src="sys_index.jsp" scrolling="auto" name="rightFrame" id="rightFrame"
            style="bottom:0px; width:100%;height: 100%;" title="rightFrame"/>
頁面如果有樹形結構的跳轉,屬性結構中的target 也能指定到這個iframe中
<ul class="menuson" style="background-color: #FFFFFF">
<li><cite></cite><a href="jsp/userManage.jsp" target="rightFrameMenu">使用者管理</a><i></i></li>
<li><cite></cite><a href="jsp/LogOperateManage.jsp" target="rightFrameMenu">操作日誌管理</a><i></i></li>
<li><cite></cite><a href="jsp/baseStationMaintain.jsp" target="rightFrameMenu">基站資訊維護</a><i></i></li>
<li><cite></cite><a href="jsp/switchMsgMaintain.jsp" target="rightFrameMenu">交換中心資訊維護</a><i></i></li>
</ul>