我想创建一个示例应用程序,执行时它将自动选中“当前页面”的复选框(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/