如何作为参数从HTML大块HTML代码传递给JS函数？

Question

我想将一大段（可能是2-3段html格式的代码）作为参数传递给HTML的Javascript函数调用。 问题是，格式化的HTML始终出现在页面本身中，事实并非如此！ 我假设单引号/双引号存在一些问题！

而且，我正在Facebook标签页上工作。

谁能帮帮我吗 ？

谢谢。

-阿三

Answer 1

一种方法是拥有一个隐藏的div（带有display：none的东西），并用2-3段html格式的代码填充它。 然后，您可以将div的innerHTML传递到函数中。 引号（任何形式）都不会导致此方法出现问题。

Answer 2

像icanhaz.js之类的某些库也执行以下操作：

<script type="text/html" id="someHTMLTemplate">
   <div>You can put whatever html you want here</div>
   <p>And the browser just ignores it</p>
</script>

我对mustache.js使用了相同的技术，然后在通过dom id抓取模板后从script标记的innerHTML抓取模板。 这样做的好处是，当您需要在页面的另一个节点上显示浏览器时，浏览器不必解析额外的html，只需对其进行解析即可。

Answer 3

另一种方法是对HTML进行编码，然后在JS中对其进行解码。 这是使用JS转义信息的示例：

console.log(escape("<hello></hello>"));           // %3Chello%3E%3C/hello%3E
console.log(unescape("%3Chello%3E%3C/hello%3E")); // <hello></hello>

提醒您，如果您在一开始的字符串引号有问题，那么编码仍然会出现问题。