JavaScript 用链接对用户进行重定向
重定向(redirection)即将用户转到另一个页面上。
这里将使用两个HTML页面和一个JavaScript文件。其中第一个HTML页面(myPage01.html)向用户显示链接,在用户开启了JavaScript功能时,将重定向到第二个HTML页面(myPage02.html);否则,将正常显示链接。
myPage01.html
<!DOCTYPE html>
<html>
<head>
<title>Welcome to my page.</title>
<script src="script.js"></script>
</head>
<body>
<p>
<a href="www.csdn.net" id="redirect">Welcome to CZDN.</a>
</p>
</body>
</html>
script.js
window.onload = document.getElementById("redirect").onclick = initRedirect;
initRedirect() {
window.location = "myPage02.html";
return false;
}
当页面没有启用JavaScript时,页面将正常显示链接;启动JavaScript时,window.location将页面重定向至myPage02.html。
myPage02.html
<!DOCTYPE html>
<html>
<head>
<title>Welcome to my page02.</title>
</head>
<body>
<p>
Welcome to my page!
</p>
</body>
</html>