首页  >  文章  >  web前端  >  JavaScript链接对用户进行重定向

JavaScript链接对用户进行重定向

高洛峰
高洛峰原创
2016-11-26 09:39:011242浏览

可以根据用户是否打开了JavaScript功能,无缝地对用户进行重定向(redirection),也就是将用户转到另一个页面。这个示例演示如何将重定向功能嵌入链接中,下面将使用两个HTML页面和一个JavaScript文件。
       第一个HTML页面向用户显示连接:
test.html
[html]
 
     
Welcome to our site 
     
 
 
   

 
       

 
 
 
第二个HTML页面是在用户启用了JavaScript功能情况下用户被重定向到得HTML页面。
jswelcome.html
[html]
 
 
    Our site 
 
 
   

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

 
 
 
script01.js
[javascript]
window.onload = initAll; 
 
function initAll() { 
    document.getElementById("redirect").onclick = initRedirect; 

 
function initRedirect() { 
    window.location = "jswelcome.html"; 
    return false; 

 
script01.html
[html]
 
 
    My JavaScript page 
 
 
 
 
 
当用户打开"test.html"时,根据他们是否打开了javascript功能,将被带到script01.html或jswelcome.html两个页面之一。
js文件中的
[javascript]
function initRedirect() { 
    window.location = "jswelcome.html"; 
    return false; 

如果调用这个函数,它就将window.location(即浏览器中显示的页面)设置为一个新的页面。return false表示停止对用户点击的处理,这样就不会加载href页面中指定的页面,这种方式最酷的特色是,完成了重定向而用户根本不会意识到页面发生了重定向。