js打开网页并填写表单

JavaScript 可以通过多种方式打开网页并填写表单。以下是一个基本的示例，展示了如何使用 JavaScript 打开一个新窗口并在其中填写表单。

基础概念

Window.open(): 这个方法用于打开一个新的浏览器窗口或标签页。
Document.getElementById(): 用于获取页面中的特定元素。
Element.value: 设置或获取表单元素的值。

示例代码

假设我们有一个简单的 HTML 表单如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Form Example</title>
</head>
<body>
    <form id="myForm">
        <label for="name">Name:</label>
        <input type="text" id="name" name="name"><br><br>
        <label for="email">Email:</label>
        <input type="email" id="email" name="email"><br><br>
        <button type="submit">Submit</button>
    </form>
</body>
</html>

我们可以使用以下 JavaScript 代码来打开这个页面并自动填写表单：

// 打开新窗口
var newWindow = window.open('form.html', '_blank');

// 等待新窗口加载完成
newWindow.onload = function() {
    // 填写表单字段
    newWindow.document.getElementById('name').value = 'John Doe';
    newWindow.document.getElementById('email').value = 'john.doe@example.com';
};

优势

自动化: 可以自动化测试或填充表单，节省时间。
用户体验: 在某些情况下，可以改善用户体验，例如自动填充常见字段。

类型

弹出窗口: 使用 window.open() 方法。
内嵌表单填充: 直接在当前页面操作 DOM。

应用场景

自动化测试: 在软件测试中自动填写表单进行功能验证。
用户辅助: 提供一键填充功能，简化用户操作。

可能遇到的问题及解决方法

跨域限制: 如果尝试打开的页面和当前页面不在同一个域，可能会遇到跨域安全限制。解决方法包括使用服务器端代理或确保所有页面都在同一域下。
弹窗被浏览器阻止: 现代浏览器通常会阻止未经用户交互触发的弹窗。确保 window.open() 调用是在用户点击事件或其他用户交互的回调中执行。
加载延迟: 如果新窗口加载较慢，onload 事件可能不会及时触发。可以使用定时器进行轮询检查元素是否存在。

示例代码解决加载延迟问题

function fillForm() {
    if (newWindow && newWindow.document.getElementById('name')) {
        newWindow.document.getElementById('name').value = 'John Doe';
        newWindow.document.getElementById('email').value = 'john.doe@example.com';
    } else {
        setTimeout(fillForm, 100); // 每100毫秒检查一次
    }
}

var newWindow = window.open('form.html', '_blank');
fillForm();

通过这种方式，即使页面加载稍有延迟，也能确保表单最终被正确填写。

页面内容是否对你有帮助？

有帮助

没帮助

登录网站并使用Python选择选项

、、、

我正在尝试使用Python登录网站。我已经编写了连接到目标的代码，但我需要登录并在网站上选择一个按钮，然后等待响应。我已经研究了Python中的HTTP协议，并且正在考虑使用“HTTPConnection.putrequest”。我不知道该怎么做，我有下面的代码： c.request("GET", "/") self.assertEqual(response.sta

浏览 0提问于2010-01-28得票数 4

回答已采纳

2回答

使用ASP.Net C#网页自动填充网页

、、

我需要编写一个ASP.Net C#网页，可以打开网页，填写字段，并单击网页上的提交按钮自动。我的网页应该启动IE浏览器，导航到指定的URL，填写表单并提交。我不知道该从哪里开始。

浏览 2提问于2010-05-24得票数 1

1回答

我有一个pdf格式的表单，其中不包含图像，但大量的javascript格式的答案字段(验证，节生成等)。当在acrobat中打开pdf时，这会减慢pdf的速度，以至于用户需要整整25秒才能看到表单的第一页。有没有办法设置pdf来显示预加载器，而它是打开时，给用户的信息，以显示表单正在设置为填写？更多信息:表单正在用LiveCycle编写。它不是在线填写的(所以不需要网页预加载器)，它将在打开、填写

浏览 1提问于2013-01-15得票数 0

2回答

在页面上以编程方式执行任意JS

、、

我想以编程方式打开一个网页，执行一些JS来填写和提交表单，然后检查结果。在Java中实现这一点的最佳方法是什么？

浏览 0提问于2011-05-29得票数 0

2回答

在Crome中填写网页表单/在AutoHotKey中自动登录

、、

我想打开几个网页。有些需要用户名密码。另一些则需要在网页中填写某些文件。AutoHotKey填写web表单的方式有多种，但都是基于"com“的，只适用于IE 我已经在谷歌上搜索了一段时间，寻找在Crome中填写网页表单和/或登录的例子，但到目前为止还没有找到。有没有一个在网页/表单中填写字段的AHK脚本的示例

浏览 14提问于2016-05-01得票数 0

1回答

允许匿名用户将表单内容保存到sharepoint文档库

、、、、

我还有一个在infopath中创建的公共可访问表单，可以在网页中打开并填写和提交。但是，匿名用户在填写表单后无法提交表单。提交操作应该将表单保存在一个存储库中。有没有办法让匿名用户填写表单，并在sharepoint的文档库中提交表单内容？

浏览 6提问于2009-05-01得票数 1

2回答

使用Ruby模拟web导航

、、、、

我正在尝试模拟一个用户填写表单并使用ruby提交它。我听说当你测试自己的应用程序(例如:测试rails应用程序)时，使用一些测试框架是可能的。有没有什么神奇的办法可以做到这一点，或者我需要解析页面并使用带参数的post请求吗？谢谢！

浏览 4提问于2012-08-29得票数 1

回答已采纳

1回答

Chrome扩展内容脚本永不运行

、、、

你好，我正在编写一个简单的chrome扩展，它将用于： content_script.js

浏览 4提问于2015-09-26得票数 0

回答已采纳

1回答

使用Windows中的“mailto”地址填写web表单

、、、

我正在做一个项目，允许用户点击一个程序中的电子邮件地址，这将加载一个特定的网页，并填写该网页上的表格该地址。到目前为止，我已经修改了注册表，这样单击地址就可以打开站点并让用户登录(使用一个简单的批处理文件)。我只需要帮助提取电子邮件地址来填写表单。提前感谢您的帮助或建议，这是我的第一篇文章！

浏览 0提问于2011-06-29得票数 0

1回答

如何从c#自动登录火狐网站

、

我想从c#应用程序中发送一个命令，在火狐中打开一个网页，然后填写一个表单并单击一个按钮。我不想使用Selenium，我能做些什么来构建它呢？

浏览 0提问于2013-10-30得票数 1

2回答

如何在后台与网页进行交互

、

有没有什么方法可以让我的android应用程序与我提供的网页进行交互？例如:我想从基于web的erp系统中检索用户信息。因此第一个用户需要使用他/她的凭据登录。之后，将打开学生主页。我如何在没有任何用户干预的情况下，在后台插入、“点击”网页的某些按钮元素。另外，一旦加载了主页，有没有什么方法可以访问DOM元素中的数据？简单地说，我只想知道，这有可能吗？

浏览 2提问于2016-06-13得票数 1

2回答

打开chrome和自动填充表单域窗口form C#

我想打开铬和自动填充表单域窗口表单C#。自动打开一个新的谷歌chrome网页浏览器到一个预定义的网址，自动填写预定义数据的必填字段我不想在表单控件WebBrowser中打开网页。

浏览 0提问于2018-08-02得票数 1

1回答

如何使用Authorize.net在lightbox中以Ionic语言显示支付方式？

、、、

'console.log(\'done\');'; // inline script s.src = 'https://jstest.authorize.net/v3/AcceptUI.js

浏览 1提问于2021-03-23得票数 2

1回答

为我的任务写一些文字？

、、、

基本上，我需要一个工具(最好用于linux)，用于从网页中获取一些数据，打开其他一些数据，在它们上填写表单，关闭窗口并单击一些按钮。这样做的工具是什么呢？开放网页如果<e

浏览 4提问于2014-05-11得票数 1

回答已采纳

1回答

如何检测PDF是否在chrome pdf查看器中打开

、、

我使用的是一个PDF表单，它通过Acrobat javascript提交数据，类似于下面所写的内容。this.submitForm({ cSubmitAs: "FDF" // 从网页链接下载后，一些用户如果使用google chrome，则会在chrome内置的PDF查看器中打开PDF，当单击提交按钮时，

浏览 1提问于2014-06-07得票数 0

5回答

自动与python中的网页进行交互

、、

我想要自动化与网页的互动。我一直使用pycurl直到现在，但最终网页将使用javascript，所以我正在寻找替代品。典型的交互是“打开页面，搜索文本，单击链接(打开表单)，填写表单并提交”。澄清:我们正在应用程序引擎上部署网页。但是交互是在另一台机器上运行的。所以硒似乎是最好的选择。

浏览 8提问于2009-12-03得票数 4

回答已采纳

3回答

网页打开后如何让脚本填写表单？

、、

我正在编写一个脚本，填写并提交一个在线表单。问题是表单只有在我登录后才可用。我如何才能让脚本控制我已经用来登录的Edge窗口，而不是启动一个新的窗口？

浏览 1提问于2016-03-13得票数 0

1回答

通过php集成PayPal

、、、

我正在尝试将paypal集成到我正在构建的宠物领养网站中。然而，我有一个基本的代码工作，当我围绕它构建，它停止转发到paypal网站进行付款。我进行销售所需的代码如下：$price = $deposit;$payer ->setPaymentMethod('paypal'); $item

浏览 3提问于2018-01-26得票数 0

1回答

如何使用python打开填写表单的网页？

、

在网站上完全机械化提交表单(验证码，cookies等)真的很复杂，所以我想打开一个特定的url，填写所有表单，然后手动提交。type="text" class="form-control" name="id" required value="3423534456"/> 我希望浏览器在html代码中添加一些东西，但在同一个url上打开它，比如adblock打开一个url的html，但没有代码的某

浏览 0提问于2018-06-30得票数 0

2回答