javascript - 需要帮助使用 js 制作按钮然后将其链接到函数和 css 代码

Question

我实际上需要编写一段代码，将我自己的代码注入(inject)网页。

由于我的 ipad 有限，我使用的是小书签，所以这里是:

我正在使用此代码调用将创建按钮的 js 文件

    javascript: (function () { 
        var jsCode = document.createElement('script'); 
        jsCode.setAttribute('src', 'http://path/to/external/file.js');                  
        document.body.appendChild(jsCode); 
     }());

我想要制作的按钮需要使用如下所示的代码创建:

    <button id=“supermoneybutton” onclick=“moneyget()”>get money</button>

然后我需要添加到外部 css 文件的链接。

我有 css 的文件，我只需要帮助使 js 工作，注入(inject)代码已经工作，它只是显示了我的注入(inject)方法。

Answer 1

在动态创建按钮的 JS 代码中，您也应该在那里添加事件处理程序:

(function () {
    var button = document.createElement('button');
    button.id = 'supermoneybutton';
    button.addEventListener('click', function (e) {
        // Do Stuff
        moneyget();
    });
    document.body.appendChild(button);

    // Add CSS File
    var link = document.createElement("link");
    link.rel = "stylesheet";
    link.href = '/path/to/cssfile';
    link.type = 'text/css';
    var linkRef = document.getElementsByTagName("link")[0];
    linkRef.parentNode.insertBefore(link, linkRef);
})();