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

最新推荐文章于 2023-12-24 23:50:29 发布

seven6777

最新推荐文章于 2023-12-24 23:50:29 发布

阅读量242

点赞数 1

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

JavaScript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

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>

seven6777

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript 用链接对用户进行重定向

JavaScript 用链接对用户进行重定向重定向（redirection）即将用户转到另一个页面上。这里将使用两个HTML页面和一个JavaScript文件。其中第一个HTML页面（myPage01.html）向用户显示链接，在用户开启了JavaScript功能时，将重定向到第二个HTML页面（myPage02.html）；否则，将正常显示链接。myPage01.html<!DOCTYPE ht
复制链接

扫一扫