將腳本標簽加載為字符串並將其附加到html標頭

Question

我想從服務器以字符串形式加載一些腳本標記並將其附加到HTML標頭中，但是即使我可以附加它，它也不會執行。 這是簡化的HTML文件，用於說明這種情況：

<head>

</head>
<body>

    <script>
        function htmlStringToElement(htmlString) {
            var template = document.createElement('template');
            htmlString = htmlString.trim();
            template.innerHTML = htmlString;
            return template.content.firstChild;
        }

        //Mocking http request
        setTimeout(function() {
            var httpResponseMock = '<script>alert("HELLO FROM HTTP RESPONSE!");<\/script>'; 
            var script = htmlStringToElement(httpResponseMock);
            document.head.appendChild(script);
        }, 1000);
    </script>
</body>

我想這是因為在動態添加腳本時已經渲染了標頭，但是還有其他方法可以實現嗎？

Answer 1

使用Jquery，

var httpResponseMock = '<script><\/script>'; 
$('head').append(httpResponseMock);

並使用javascript

var httpResponseMock = '<script><\/script>'; 
document.getElementsByTagName('head')[0].appendChild(httpResponseMock);

Answer 2

除非您知道自己在做什么，否則永遠不要使用innerHTML。
如果您真的想將腳本動態注入文檔中，請執行以下操作或使用eval：

 const script = document.createElement("script"); script.textContent = "console.log('yay it works!');"; document.head.appendChild(script);

appendChild正在運行它。

Answer 3

關於JS動態加載的另一個問題還有更長的討論。 在這種情況下，簡單的答案是使用eval評估腳本內容。 請注意，盡管使用eval通常被認為是一種不好的做法。

將腳本標簽加載為字符串並將其附加到html標頭

問題描述

3 個解決方案

解決方案1
2 已采納

解決方案2
1 2018-12-06 08:31:45

解決方案3
0 2018-12-06 08:24:04

將腳本標簽加載為字符串並將其附加到html標頭

問題描述

3 個解決方案

解決方案1 2 已采納

解決方案2 1 2018-12-06 08:31:45

解決方案3 0 2018-12-06 08:24:04

解決方案1
2 已采納

解決方案2
1 2018-12-06 08:31:45

解決方案3
0 2018-12-06 08:24:04