如何使用javascript和jquery在某个网页上自动执行某些操作

How can I automate certain actions on a certain web page using javascript and jquery?

本文关键字：执行 操作 网页 javascript 何使用 jquery      更新时间：2023-09-26

我正在学习javascript，我想练习一项简单的任务，但我没有做好。

我只想自动化这些操作：

  1. 导航到url
  2. 通过键入密码并单击登录按钮登录网站
  3. 然后单击另一个按钮，将打开项目列表
  4. 枚举项目列表，通过单击某个链接展开每个项目

这对于任何有经验的javascript/jquery程序员来说都应该是基本的，但我有点迷失了方向。

以下是我到目前为止所拥有的：html:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Bump the site</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="bump.js"></script>
</head>
<body>
</body>
</html>

bump.js:

jQuery(function($) {
  var intervalID = null;
  function checkPasswordField() {
    $("#password").val("my-password");
    if ($("#password").val() === "my-password") {
      clearInterval(intervalID);
      $("#login")[0].click();
    }
  }
  window.location.href = "http://www.the-site.co.il";
  $(document).ready(function() {
    intervalID = window.setInterval(checkPasswordField, 1000);
  });
});

当然，它不起作用。当网站被加载时，bump.js脚本就不在我们身边了——Chrome不会在加载的脚本列表中显示它。我想，这种行为是合乎逻辑的，但我该怎么做呢？

谢谢。

它不能以"正常"的方式使用JavaScript。但是你可以创建一个GoogleChrome扩展，用JavaScript来自动执行任务。你可以在这里找到更多关于谷歌Chrome扩展的信息。

我不确定使用JQuery是否可能做到这一点，除非文件对您加载的每个页面都可用，但事实并非如此。

选项1。您可以尝试使用iframe并在该窗口中执行所有步骤，这样您就可以始终使用js库。

选项2。您可以使用Selenium等测试工具来自动化一些任务http://seleniumhq.org/

希望它能帮助

这不是JavaScript/Jquery可以做到的。正如您所注意到的，一旦重定向，您的脚本将不再存在。这是一件好事，否则网站很容易受到比你恶意更大的人的脚本攻击。比如将脚本注入银行的网站，以便在键入时捕捉您的密码击键。

相关文章：