我的网站terranbailey.com/bio上有一个按钮位于底部,表示"点击此处"我正在寻找的是一个可以在页面加载后自动点击该按钮的功能吗?我一直在寻找高低的答案。我确定我可能只需要自己提出与我的网站相关的问题,以便更好地帮助生成个性化的代码。
亲切的问候。
答案 0 :(得分:0)
您的网站至少必须支持javascript,因此,要以编程方式单击该按钮,您需要使用该事件" onload"在元素体中,像这样:
<body onload="document.getElementById("mybutton").click()">
&#34;的onload&#34;将在body元素充电时运行。
答案 1 :(得分:0)
您也可以在Python和自动化下标记此问题,因此如果您需要从Python自动执行此过程,则需要查看selenium库。 Selenium将打开您选择的浏览器,导航到网站,并在您告诉它的网站上执行任何操作。在这种情况下,安装Selenium库pip install selenium
并安装关联的driver后,您需要使用以下代码单击按钮。
from selenium import webdriver
driver = webdriver.Chrome() # opens a new browser window controlled by selenium
driver.get("https://your-website.com") # navigate to your website
driver.find_element_by_css_selector('#submit_btn').click() # And click the button
编辑:
我发现您的网站底部有代码$(function () { window.onload = $('#submit_btn').click(); });
。这是正确的代码,但需要进行一些修改。 JavaScript代码/ jquery代码需要放在标签内,否则它会在没有执行任何代码的情况下将字符吐出来。
另一个问题是jQuery没有预先加载。您必须在网站的某处添加以下代码行才能加载jQuery。
<script
src="http://code.jquery.com/jquery-3.2.1.min.js"
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
crossorigin="anonymous">
</script>
所以你的代码总是这样:
<script
src="http://code.jquery.com/jquery-3.2.1.min.js"
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
crossorigin="anonymous">
</script>
<script>
$(function () { window.onload = $('#submit_btn').click(); }
</script>
但实际上你不需要等到窗口加载,你只需要加载DOM,这意味着所有的HTML都已经被浏览器加载和解析,但是浏览器还没有完成显示网站并执行可能在网站上的任何其他代码。这是通过document.ready函数完成的,它通常优先于window.load函数,因为您不必等待很长时间就可以开始执行与页面上的HTML有关的代码。例如,你可以做到
<script
src="http://code.jquery.com/jquery-3.2.1.min.js"
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
crossorigin="anonymous">
</script>
<script>
$( document ).ready(function() {
$('#submit_btn').click();
});
</script>
但我们可以做得更好。我们根本不需要使用jQuery。 jQuery是一个函数汇编,它为JavaScript添加了附加功能,使得使用JavaScript变得更容易,但是对于这么简单的东西,我们真的不需要浪费时间加载整个jQuery库。相反,如果您在提交按钮后放置脚本标记,则只需执行以下操作即可。
<!-- Make sure this is after the submit button because it's kind of difficult to click a button if the button doesn't exist yet. -->
<script>
window.document.getElementById("submit_btn").click();
</script>
为了让一切顺利,您还需要做最后一件事。单击此处按钮没有与之关联的ID。你想要改变这条线
<a href="/gallery" class="sqs-block-button-element--medium sqs-block-button-element" data-initialized="true">Click Here</a>
到
<a href="/gallery" class="sqs-block-button-element--medium sqs-block-button-element" data-initialized="true"
的 id="submit_btn"
强> >Click Here</a>
这将允许您从jQuery / JavaScript
中选择它P.S。关闭广告拦截器后,我收到了一些恶意广告,试图让我下载间谍软件。