如果特定网址，请单击按钮

Question

我试图确保在转到某个 url 时，页面上的按钮被按下，但由于某种原因它不起作用。

<script>
    let loginInp = document.querySelector('.login-form--hide');
    let emailInp = document.querySelector('.email-form--hide');
    let sendInp = document.querySelector('.send-form--hide');


    let loginLoc = window.localStorage.getItem('name');
    let emailLoc = window.localStorage.getItem('email');

    document.addEventListener("DOMContentLoaded", () => {

        if (window.location.href === 'https://url/success/') {
            loginInp.value = loginLoc;
            emailInp.value = emailLoc;

            console.log('Worked');

            //sendInp.click();


        }
     });




</script>

我究竟做错了什么？

Answer 1

let loginInp = document.querySelector('.login-form--hide');
let emailInp = document.querySelector('.email-form--hide');
let sendInp = document.querySelector('.send-form--hide');

let loginLoc = window.localStorage.getItem('name');
let emailLoc = window.localStorage.getItem('email');

window.addEventListener("load", () => {
    if (window.location.href === 'https://url/success/') {
        if (loginInp) {
            loginInp.value = loginLoc;
        }
        if (emailInp) {
            emailInp.value = emailLoc;
        }
        if (sendInp) {
            sendInp.click();
        }
    }
});

您正在使用 DOMContentLoaded 事件来检查 URL 并执行操作。当初始 HTML 文档已完全加载和解析时会触发此事件，而无需等待样式表、图像和子框架完成加载。但是您可能想改用 load 事件，它会在所有资源都已加载后触发。

此外，请确保您的脚本位于 body 标签的底部，或者在加载元素后放在 head 标签中，以便脚本可以使用这些元素进行交互。