如果內容包含 <script>，則使用 .innerHTML 將內容插入網頁有時會導致問題。元素。這是因為這些元素中的腳本程式碼可能不會自動執行。 </script>
為了解決這個問題，我們可以明確地執行這些腳本。讓我們探索如何在JavaScript 中執行此操作：
ES6 實現：
function setInnerHTML(elm, html) {
elm.innerHTML = html;
Array.from(elm.querySelectorAll("script")).forEach(oldScriptEl => {
const newScriptEl = document.createElement("script");
Array.from(oldScriptEl.attributes).forEach(attr => {
newScriptEl.setAttribute(attr.name, attr.value);
});
const scriptText = document.createTextNode(oldScriptEl.innerHTML);
newScriptEl.appendChild(scriptText);
oldScriptEl.parentNode.replaceChild(newScriptEl, oldScriptEl);
});
}用法：
.innerHTML = HTML; // Does not run <script> tags in HTML setInnerHTML(, HTML); // Runs <script> tags in HTML
該腳本遍歷新插入的內容，定位到<script>元素，並創建新的<script>元素及其屬性和程式碼。然後它會取代原來的 <script>包含這些新元素的元素，確保腳本程式碼得到執行。 </script>
以上是如何確保使用 .innerHTML 執行動態插入的腳本？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
