javascript - 如何自动填写表格

标签 javascript google-chrome google-chrome-extension

我想创建一个示例应用程序,执行时它将自动选中“当前页面”的复选框(id 在脚本中硬编码)。

我尝试了以下代码,但没有任何反应(该复选框仍未选中。

test.html

<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src="test.js"></script>
</head>

<body>
    <input type = "button" onclick="check"/>
</body>
</html>

test.js

function check()
{
    document.getElementById('hard_coded_id').checked = true;
}

这段代码有什么问题。请帮助我。

编辑

“hard_coded_id”是来自“www.hello.com”等网站的复选框。当打开此网站时,以及当我的应用程序启动时,我希望选中该复选框。

我会以不同的方式问我的问题,是否可以创建一个应用扩展,在加载 Google 网站时自动填充 Google 搜索文本框。

最佳答案

是的,可以在某个页面上选中复选框(或者更确切地说填充文本框)。您需要做的就是在 content_scripts 中提及您的扩展脚本。 list 部分并为其提供正确的匹配项

示例

"content_scripts": [ {
   "js": [ "test.js" ],
   "matches": [ "http://www.hello.com/*" ]
} ],

您的test.js将被注入(inject)到页面中,因此它将在您的扩展范围之外和网页范围内运行。使用像 window.onload 这样的机制或$(document).ready()如果您使用 jQuery,您可以让脚本等待目标页面完成加载

$(document).ready(function() {
   check();
});

function check()
{
   document.getElementById('hard_coded_id').checked = true;
}

鉴于hard_coded_id存在于目标页面上

关于javascript - 如何自动填写表格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22834541/

相关文章:

javascript - 如何自动对 HTML 表格中共享相同名称的输入值框求和?

windows - 在批处理文件中执行第二个命令

google-chrome-extension - Chrome 扩展程序 : Using addEventListener()

javascript - 每个父节点链都会终止吗?

javascript - 如何让 Chrome 扩展程序在某个 url 上运行代码

javascript - 仅当收件人的服务器支持 SMTP TLS 时,如何通过 AWS SES 发送电子邮件?

google-chrome - Meteor 应用程序无法在 chrome 移动设备上运行,但可以在其他任何地方运行

javascript - 调试器没有单步执行 Javascript 中的 window.close

javascript - 如何存储 Chrome 扩展程序的多个选项?

javascript - 删除 Chrome 扩展程序生成的内容的格式