Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 选中某个复选框时添加HTML_Javascript_Html_Google Chrome Extension - Fatal编程技术网

Javascript 选中某个复选框时添加HTML

Javascript 选中某个复选框时添加HTML,javascript,html,google-chrome-extension,Javascript,Html,Google Chrome Extension,我想在单击某个复选框时将HTML添加到页面(现在是Reddit的“记住我”复选框,但将来我希望它能使用更多复选框)。我已经制作了这个内容脚本,但我不知道它是否对打开的chrome选项卡有任何影响 \\content_script.js $(document).ready(function() { var inputTable = document.getElementByTagName('input'); for(var i=0; i<inputTable.length

我想在单击某个复选框时将HTML添加到页面(现在是Reddit的“记住我”复选框,但将来我希望它能使用更多复选框)。我已经制作了这个内容脚本,但我不知道它是否对打开的chrome选项卡有任何影响

\\content_script.js
$(document).ready(function() {  
    var inputTable = document.getElementByTagName('input');
    for(var i=0; i<inputTable.length; i++){
        if((inputTable[i].getAttribute('type')=='checkbox') && (inputTable[i].getAttribute('name')=='rem')){
                var rememberMe = inputTable[i];
        }
    }
    document.addEventListener('DOMContentLoaded', function () {
                rememberMe.addEventListener('change', changeHandler);
    });
}
function changeHandler(){
    if(rememberMe.checked){
        var remTrack = chrome.extension.getURL ("rememberme.htm");
        document.body.insertBefore (remTrack, document.body.firstChild);
    }
    else{
    }
}
\\content\u script.js
$(文档).ready(函数(){
var inputable=document.getElementByTagName(“输入”);

对于(var i=0;iReddit是我最喜欢的页面,我想redditor应该结合在一起,所以这里是您的脚本重构

点击“记住我”按钮后,它会在Reddit主页上添加一首由美国海军乐队播放的“上帝保佑女王”的曲目。指定音源时,你需要提供一个该曲目所在的url,就像图片一样。你也不需要添加头部和身体,你获取html的方式是错误的,你是actually只获取扩展的url而不是html

window.onload =  main();

function main() {
    var elem = document.getElementById('rem-login-main'); 
    elem = addEventListener('change',changeHandler);
}

function changeHandler () {
    var yourAudio = document.createElement('audio');
    yourAudio.src = "http://upload.wikimedia.org/wikipedia/commons/d/de/United_States_Navy_Band_-_God_Save_the_Queen.ogg";
    yourAudio.controls = true;
    yourAudio.autoplay = true;
    var parentNode = document.getElementById('header');
    parentNode.insertBefore(yourAudio);
}
要测试它,请转到Reddit,单击F12,打开chrome浏览器devtools控制台,在devtools中转到tab sources,查找tab snippets,右键单击,创建新代码段,复制粘贴此代码,保存它,单击右侧的播放按钮(鼠标悬停在上面时显示“运行代码段”)。如果要使其成为扩展,则需要manifest.json

希望它能起作用,如果你觉得有用的话,不要记得投赞成票或接受答案

window.onload =  main();

function main() {
    var elem = document.getElementById('rem-login-main'); 
    elem = addEventListener('change',changeHandler);
}

function changeHandler () {
    var yourAudio = document.createElement('audio');
    yourAudio.src = "http://upload.wikimedia.org/wikipedia/commons/d/de/United_States_Navy_Band_-_God_Save_the_Queen.ogg";
    yourAudio.controls = true;
    yourAudio.autoplay = true;
    var parentNode = document.getElementById('header');
    parentNode.insertBefore(yourAudio);
}