JavaScript 用链接对用户进行重定向

最新推荐文章于 2023-08-09 15:25:06 发布

seven6777

最新推荐文章于 2023-08-09 15:25:06 发布

阅读量307

点赞数 1

分类专栏： JavaScript 文章标签： javascript html

JavaScript 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个简单的JavaScript页面重定向示例。通过一个HTML页面上的链接和JavaScript代码实现：如果用户的浏览器启用了JavaScript，则点击链接会将用户重定向到另一个HTML页面；如果没有启用，则链接正常工作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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.youkuaiyun.com" 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>