首頁 > web前端 > js教程 > JavaScript連結對使用者進行重定向

JavaScript連結對使用者進行重定向

高洛峰
發布: 2016-11-26 09:39:01
原創
1259 人瀏覽過

可以根據使用者是否開啟了JavaScript功能,無縫地對使用者進行重定向(redirection),也就是將使用者轉到另一個頁面。這個範例示範如何將重定向功能嵌入連結中,以下將使用兩個HTML頁面和一個JavaScript檔案。
       第一個HTML頁面顯示連線至使用者:
test.html
[html]
 

   our site 
     
 
 
 
 
center"> 
         
 
 
第二個HTMLScript頁面是在使用者啟用了JavaScript功能情況下使用者被重新導向到得HTML頁面。
jswelcome.html
[html]
 
 
    Our site 
    Our site 

. body bgcolor="#FFFFFF"> 
   

Welcome to our web site, which features lots of cutting-edge JavaScript

 
 js
 
.onload = initAll; 
 
function initAll() { 
    document.getElementById("redirect").onclick = initRedirect; unc
} ome.html"; 
    return false;

 
script01.html
[html]
 
 
  head> 
 
 
 testtest當用戶打開
.html"時,根據他們是否開啟了javascript功能,將被帶到script01.html或jswelcome.html兩個頁面之一。
js檔案中的
[javascript]
function initRedirect() { 
    window.location = "jswelcome.html"; 
    return false; 
}的頁面)設定為一個新的頁面。 return false表示停止對使用者點擊的處理,這樣就不會載入href頁面中指定的頁面,這種方式最酷的特色是,完成了重定向而使用者根本不會意識到頁面發生了重定向。
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板