DOM-5 confirm js跳转

最新推荐文章于 2025-05-16 16:51:34 发布

q493383189

最新推荐文章于 2025-05-16 16:51:34 发布

阅读量263

点赞数

本文链接：https://blog.youkuaiyun.com/q493383189/article/details/72594122

版权

本文介绍了一个使用JavaScript的confirm函数来显示确认对话框的简单示例，并展示了如何获取当前页面的URL以及实现页面跳转的方法。

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

通过confirm获取

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>DOM练习</title>
</head>
<body>

    <input type="button" value="Over Check" onmouseover="MyConfirm();">

    <script>
        function MyConfirm() {
            var ret = confirm("Value Check");
            console.log(ret);
        }
    </script>

</body>
</html>

JS获取跳转网址

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>DOM练习</title>
</head>
<body>

    <input type="button" value="Over Check" onmouseover="MyConfirm();">

    <script>
        function MyConfirm() {
            var ret = confirm("Value Check");
            console.log(ret);
        }

        var lk = location.href;
//        lk即该html的link
        console.log(lk);

//        输出为：
//        file:///D:/python/oldboy/DAY13/eg04.html
//        刷新
        var lk2 = window.location.href;
        console.log('lk2:', lk2);
//        输出为
//        lk2: file:///D:/python/oldboy/DAY13/eg04.html

//        刷新
//        目前bug反复刷新
//        window.location.reload()

//        跳转至百度
        location.href = "http://www.baidu.com"
    </script>


</body>
</html>