点击跳转新页面并打开页面弹窗

最新推荐文章于 2023-12-17 21:49:50 发布

Arya Wang

最新推荐文章于 2023-12-17 21:49:50 发布

阅读量856

点赞数

分类专栏： HTML 文章标签：前端 javascript

本文链接：https://blog.youkuaiyun.com/qq_38865642/article/details/134706163

版权

HTML 专栏收录该内容

6 篇文章

订阅专栏

当按钮（类名为 “butt”）被点击时显示表单（类名为 “popupForm”），当关闭按钮（类名为 “formClose”）被点击时隐藏表单。

<a href="javascript:void(0);" class="butt">Enquire</a>

// 当按钮被点击时显示表单
$(".butt").click(function () {
    $('.popupForm').show();
});

// 当关闭按钮被点击时隐藏表单
$(".formClose").click(function () {
    $('.popupForm').hide();
});

如果给按钮添加新页面的链接，并且在跳转到新页面时同时打开被隐藏的表单，可以通过传递参数或设置 URL 中的标志，然后在新页面的 JavaScript 中检查这些参数或标志，并相应地显示表单。

<a href="new_page.html?showForm=true" class="butt">Enquire</a>

$(document).ready(function () {
    // 检查 URL 中的参数
    var urlParams = new URLSearchParams(window.location.search);
    var showFormParam = urlParams.get('showForm');

    // 如果参数为 true，则显示表单
    if (showFormParam === 'true') {
        $('.popupForm').show();
    }

    // 其他表单关闭逻辑可以添加在这里
});