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

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

<a href="javascript:void(0);" class="butt">Enquirea>
// 当按钮被点击时显示表单
$(".butt").click(function () {
    $('.popupForm').show();
});

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

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

<a href="new_page.html?showForm=true" class="butt">Enquirea>
$(document).ready(function () {
    // 检查 URL 中的参数
    var urlParams = new URLSearchParams(window.location.search);
    var showFormParam = urlParams.get('showForm');

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

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

你可能感兴趣的:(HTML,前端,javascript)