您好,欢迎访问一九零五行业门户网

JavaScript链接对用户进行重定向

可以根据用户是否打开了javascript功能,无缝地对用户进行重定向(redirection),也就是将用户转到另一个页面。这个示例演示如何将重定向功能嵌入链接中,下面将使用两个html页面和一个javascript文件。
       第一个html页面向用户显示连接:
test.html
[html]
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head>     
<title>welcome to our site</title> 
    <script type="text/javascript" src="script01.js"> 
</script> 
</head> 
<body bgcolor="#ffffff"> 
    <h2 align="center"> 
    <a href="http://www.php1.cn/">     </h2> 
</body> 
</html> 
第二个html页面是在用户启用了javascript功能情况下用户被重定向到得html页面。
jswelcome.html
[html]
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>our site</title> 
</head> 
<body bgcolor="#ffffff"> 
    <h1>welcome to our web site, which features lots of cutting-edge javascript</h1> 
</body> 
</html> 
script01.js
[javascript]
window.onload = initall;
function initall() { 
    document.getelementbyid(redirect).onclick = initredirect; 
}
function initredirect() { 
    window.location = jswelcome.html; 
    return false; 
}
script01.html
[html]
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>my javascript page</title> 
</head> 
<body bgcolor="#ffffff"> 
<noscript> 
    <h2>this page requires javascript.</h2> 
</noscript> 
</body> 
</html> 
当用户打开test.html时,根据他们是否打开了javascript功能,将被带到script01.html或jswelcome.html两个页面之一。
js文件中的
[javascript]
function initredirect() { 
    window.location = jswelcome.html; 
    return false; 

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

推荐信息