顯示帶有text（）的JavaScript代碼

Question

我正在嘗試使用jQuery text()方法在pre / code標簽內顯示一些javascript 。 像這樣：

 jQuery(".output").wrapInner( "<pre><code></code></pre>" );
 jQuery(".output code").text("<script type='text/javascript' src='http://somedomain/?" + apiKeyValue.val() + "></script>");

但是腳本標記會產生一個

Uncaught SyntaxError: Unexpected token ILLEGAL

控制台中的錯誤。 如何顯示腳本標簽？

Answer 1

更換

jQuery(".output code").text("<script type='text/javascript' src='http://somedomain/?" + apiKeyValue.val() + "></script>");

有：

jQuery(".output code").text("<script type='text/javascript' src='http://somedomain/?" + apiKeyValue.val() + "></"+"script>");

要么：

jQuery(".output code").text("<script type='text/javascript' src='http://somedomain/?" + apiKeyValue.val() + "><\/script>");

您需要破壞</script>標記（ "</"+"script>" ）或轉義/ （ "<\\/script>" ）

如TreeTree在評論中所指出的那樣，有關詳細說明，請閱讀為什么用document.write（）編寫時拆分<script>標簽？