作爲文本內容呈現的內聯腳本

Question

我將DOM對象作爲HTML字符串提供，並通過AJAX使用jQuery方法replaceWith()插入到HTML頁面中。 HTML字符串包括<div>元素和內聯<script>，關於它的工作原理，以及jQuery的命令是這樣的：

$('#foo').replaceWith('<div>Some Content</div><script>someJavaScriptFunction();</script>'); 

在此之後AJAX被執行時，<div>元件正確渲染，和裏面的腳本<script>正在工作，但除此之外，內聯<script>的內容逐字呈現在頁面上。這是爲什麼發生？我怎樣才能避免這種情況？當我看到Chrome開發人員工具的相應部分時，內聯腳本只出現一次（這是我的意圖）。

Answer 1

您需要跳過/的正斜槓關閉script標記。

Live Demo

$('#foo').replaceWith('<div>Some Content</div><script>someJavaScriptFunction()<\/script>');