常用的js頁面跳轉程式碼

一般來說頁面的跳躍可以透過a標籤來進行，但是在某些情況下頁面只是寫了button或其他的標籤，這時我們就需要透過其他方式來實現頁面的跳躍。本文主要跟大家分享常用的js頁面跳轉程式碼，希望能幫助大家。

解決方案：

    方式一：Location 物件

<script><span style="border:0px;font-family:inherit;font-style:inherit;margin:0px;padding:0px;vertical-align:baseline;color:rgb(249,38,80);">type</script>##=#"text/javascript">

//assign() 方法可載入一個新的文件。

functionnewDoc()##{

window

.location.#assign("http:// www.souvc.com/");

}

#

//reload() 方法用於重新載入目前文件。這與使用者點擊瀏覽器的刷新按鈕的效果是完全一樣的。

functionreloadPage()##{

##window.

location.#reload();

#########}############//replace() 方法不會在History 物件中產生一個新的記錄。當使用該方法時，新的 URL 將覆寫 History 物件中的目前記錄。 ############function######replaceDoc######(######)#####{######

視窗.位置.#取代("http ://www.souvc.com");

#}

函數locationHref(){

視窗#. 位置.href(#"http://www.souvc.com"#)##;

}

腳本>

測試原始碼：

 

<script>
  //assign() 方法可加载一个新的文档。
  function newDoc(){
      window.location.assign("http://www.souvc.com/");
  }
  //reload() 方法用于重新加载当前文档。这与用户单击浏览器的刷新按钮的效果是完全一样的。
  function reloadPage(){
     window.location.reload();
  }
  //replace() 方法不会在 History 对象中生成一个新的记录。当使用该方法时，新的 URL 将覆盖 History 对象中的当前记录。
  function replaceDoc(){
    window.location.replace("http://www.souvc.com");
  }
  function locationHref(){
    window.location.href("http://www.w3school.com.cn/");
  }
</script>


<input>
<br>
<input>
<br>
<input>
<br>
<input>
<input>

方式二：History物件

#<script><span style="border:0px;font-family:inherit;font-style:inherit;margin:0px;padding:0px;vertical-align:baseline;color:rgb(249,38,80);">type</script>#="text/javascript">

//back() 方法可載入歷史清單中的前一個URL（如果存在）。

//呼叫此方法的效果等價於點選後退按鈕或呼叫 history.go(-1)。

functiongoBack()

##{

window.#history.back##();

}

//forward() 方法可載入歷史清單中的下一個 URL。

//呼叫方法的效果等價於點擊前進按鈕或呼叫 history.go(1)。

functiongoForward()

##{

window.#history.forward##();

}

#//go() 方法可以載入歷史清單中的某個具體的頁面。 history.go(number|URL)

//URL 參數使用的是要存取的 URL，或 URL 的子字串。而 number 參數使用的是要存取的 URL 在 History 的 URL 清單中的相對位置。

functiongoBack2(#)

{

window.history.#go(##-1);

}

方式三：其他物件

2

##3

#

4

5

6

7

#8

9

##10

11

12

13

14

#15

href="javascript:history.go(-1)">返回上一個步驟

#href="javascript:" onClick="window.open#

('http://www.souvc.com/','','height=500,width=611,scrollbars=yes,status=yes')"> souvc

#自我.位置#='http://www.souvc.com/';

##top

.位置##= ##'http://www.souvc.com/';##window.navigate

(

"top .jsp");

#

2 3 4 5 6 7 #8 9 ##10 11 12 13 14 #15

href="javascript:history.go(-1)">返回上一個步驟 #href="javascript:" onClick="window.open# ('http://www.souvc.com/','','height=500,width=611,scrollbars=yes,status=yes')"> souvc #自我.位置#='http://www.souvc.com/'; ##top .位置##= ##'http://www.souvc.com/';##window.navigate ( "top .jsp"); #

以上是常用的js頁面跳轉程式碼的詳細內容。更多資訊請關注PHP中文網其他相關文章！