在页面加载时运行外部javascript（“驻留”一个span）

我已经四处搜索了一段时间，但无法找出我的具体情况。使用Wordpress/Elementor（尽管这可能无关紧要），我希望在页面加载时运行以下代码。该脚本应该启动一个嵌入式窗口，并且需要userid参数。代码最初显示一个按钮，但在我的场景中，我删除了class标记

<span class="glf-button" userid="xxxx-xxxx-xxxx" > Click here </span>
<script src="https://www.linktoscript.com/script.js" defer async ></script>

点击这里

首先，我尝试向span中添加一个ID，然后尝试使用window.onload/getElementById通过js“自动”单击它，但没有成功。我通过检查innerHTML并在onload函数中获取“click here”文本来确认我可以访问span

我还尝试了一些关于自动加载和运行外部脚本的其他帖子，这似乎成功地加载了脚本，但嵌入式窗口从未启动。在这一点上，我想知道错误是否在于脚本本身。。或者，也许你能阻止它？我可能也试过其他错误的方法但是嘿

编辑：有些建议涉及获取span元素并自动单击它，但是如果脚本附加到该元素，则通过getelementbyid获取该元素似乎有问题（否则可以正常工作）

---

非常感谢您的所有意见

如果我理解正确，您希望在页面加载时自动触发对元素的单击。
您确定正在加载的外部代码没有提供本地方式来启动传递userId参数的“嵌入式窗口”吗？这将是首选的方式

无论如何，我认为你的问题可能在于“时间”。 在

中添加了“延迟”和“异步”，因此延迟了代码加载，但如果要在加载窗口时启动代码，则必须尽快加载该代码。您的代码可能在外部脚本完成加载之前触发了“单击”事件

尝试删除“延迟”和“异步”，并确保脚本在

中。 然后可以使用jQuery触发单击：

jQuery(document).ready(function($){
    $.('glf-button').trigger('click');
});

---

非常感谢您的投入！我已经尝试过你的建议，虽然它可能有效，但它对我的场景不起作用，我想我已经找到了原因：使用getelementbyid，如果脚本恰好“附加”到跨度之后，我就无法获取元素（返回为null），正如我在文章中的代码所示。但是，如果我删除脚本，我将正确获取元素。。