javascript - 将 HTML 字符串传递给 JavaScript 函数

Question

我有一个值，我当前正在通过 onclick 访问并传递给 JavaScript 函数。

<a href="#" onclick="openTextWindow('<%=myVar.varDefinition.getText()%>');">Text</a>

我从 getText 方法收到的示例值如下所示。

<h1>My Header</h1><br />My text

此值然后传递到我的 openTextWindow 方法。

function openTextWindow(inText) {
    myWindow = window.open('','','width=500, height=300');
    myWindow.document.write(inText);
    myWindow.focus();
}

由于某些原因，inText 中存储的值与我上面显示的带有 HTML 标记的字符串不匹配。它最终看起来像这样。

"<lt/>h1<gt/>My Header<lt/>/h1<gt/><lt/>br /<gt/>My text

当 inText 被写入 myWindow 时，我希望新窗口呈现样式标题中的文本 My Header 和 My text 在下面一行。我试过替换和转义字符，但没有成功。关于如何解决这个问题或更好的方法来完成我想做的事情的任何想法？谢谢!

Answer 1

您可以将 HTML 存储在隐藏的 DIV 或文本区域中，然后从您的函数中获取它，而不是尝试将其内联传递。

<a href="#" onclick="openTextWindow('DIV1');">Text</a>
<div id="DIV1" style="display:none"><%=myVar.varDefinition.getText()%></div>

JS:

function openTextWindow(divName) {
    var inText = document.getElemenyById(divName).innerHTML;
    myWindow = window.open('','','width=500, height=300');
    myWindow.document.write(inText);
    myWindow.focus();
}