如何在 HTML 页面中注入个人脚本？

Question

我正在尝试更新我的研究小组的网页，并尝试编写一些脚本。 问题是我们被授予的访问权限非常有限，页面管理（codemagic）上的 HTML 编辑器删除了我尝试实现的任何脚本 styles 类。

有没有办法将脚本注入我自己的基本 HTML 页面，让它做我想做的事？

这是我正在使用的环境。 页面快照

一个我点击了codemagic的更新它会删除脚本标签，我不能在那里写任何函数

更新：我已经成功地添加了脚本。 当我使用 document.scripts.length 时，它会显示更新的脚本部分数量。 我现在的问题是脚本中的函数不执行

Answer 1

是的。 当您使用 javascripts createElement function 它不会显示。 为什么？ 从技术上讲，该元素不在 html 文件“上”。 您需要使用 appendChild function 使其显示。 例如：

    function makeElement() {
        var t = document.createElement("DIV");
        element.appendChild(t); // don't forget to define element
    }

Answer 2

我认为这应该有效：

function appendHTML() {
    var s= document.createElement('script');
    s.innerHTML = 'alert("hello")';
    document.body.appendChild(s);
}
appendHTML();

或者，如果您需要一个多于 1 行的脚本，请执行以下操作：

function appendHTML() {
    var s= document.createElement('script');
    s.innerHTML = 'alert("hello 1")'+
                  'alert("hello 2")'+
                  'alert("hello 3")';
    document.body.appendChild(s);
}
appendHTML();

确保您负责任地使用它。

Answer 3

如果你不会写脚本，你能做一个链接元素吗？

    <link rel="" src="" />

这可以将脚本链接到您的 HTML 文档中。 如果您无法链接脚本，那么您的服务器不支持 javascript 或 HTML。 如果您解释您使用什么来托管它会有所帮助。