實現頁面跳轉的方法

在 HTML 中實現頁面跳轉

  1. 按鈕式(JS 實現原理):

    <input name="##" type="button" value="##" οnclick="location.href='鏈接'">
    
  2. 鏈接式 —— 返回上一步:

    <a href="javascript:history.go(-1)">返回上一步</a>
    <a href="<%=Request.ServerVariables("HTTP_REFERER")%>">返回上一步</a>
    

    ASP ServerVariables 集合用於檢索服務器變量值,Request.ServerVariables()傳入參數爲HTTP_REFERER時,返回一個字符串,其中包含使用<a>標籤將請求引用到當前頁面的 URL,如果頁面被重定向,則HTTP_REFERER爲空。

在 JS 中實現頁面跳轉

  1. 當前頁鏈接式跳轉:

    // window.navigate()方法是針對IE的,不適用於其他瀏覽器
    window.navigate("url...");
    // location 屬性是兼容所有瀏覽器的
    // windwow 指 window 對象
    window.location.href="login.jsp?backurl="+window.location.href;
    // self 指當前窗口
    self.location.href="本地url";
    // top 指代主體窗口,一般用於防止外部引用
    if (top.location.href != self.location.href) {
      window.location.href = "url";
    }
    
  2. 返回前一頁:

    window.history.back();
    window.history.go(-1);
    // -1 表示要跳轉的頁面相對於當前頁的記錄爲前一個
    
  3. 打開新窗口:

    window.open('url','','height=500,width=500');
    
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章