在Chrome扩展程序中加载页面后如何触发Javascript？

Question

I have been working on a chrome extension ! Now my extension takes input from the user and then on click of a button it redirects to a page and fills the data entered in to a specific text field. I am able to redirect to the page but when i try to get the element by using id name it gives null error ! as the javascript is running before the page is getting loaded properly. I tried but could not find a way !

In my content script i have this function :

function redirect(data)
{
location.replace("xyz.html");
        window.onload = function()
        {
            alert();
            var textField = document.getElementById("textField");
            textField.value = data ;
        } 
}

Answer 1

When you call location.replace , you are loading a new page, your current document will be closed which means you content script injected to this document won't work.

Say you are currently in page A and want to redirect to page B, one workaround would be when you get the data from A, save it to chrome.storage or background page , then when redirected to B, get the data from chrome.storage or persistent page .

The sample code would look like:

chrome.storage.local.get("data", function(results) {
    var data = results.data;
    var textField = document.getElementById("textField");
    if (textField) {
        textField.value = data;
    } else {
        chrome.storage.local.set({"data": "your data here"});
        redirect("your data here");
    }
});

function redirect(data) {
    location.replace("xyz.html");
}