javascript - 使用 document.write 来固定 html

Question

我正在创建一个 Web 表单，其中包含大约 100 个值的组合。值是相同的。

表单可能有多个记录。因此，如果有 100 条记录，则有 10,000 行，从“下载”的 Angular 来看，这似乎是相当错误的。

问题是:我想保持该组合动态，以保留数据库中的 id。

所以我想到了以下内容:

  .....
 <script>
      stupidCombo = "<option>a"+
                    "<option>b"+
                    ...
                    "<option>99zzz"+
                    "</select>";
 </script>
 ..... form here
 .... for each item in huge list do paint <table><tr> etc. etc 

 <td>
 <select name="comb-<%=id%>">
      <option selected><%=obj.val%>
      <script>document.write(stupidCombo);</script>
 </td>
... close form, table, html etc. 

我已经渲染了它并且“看起来”很好。页面从 50k 行减少到 5k，并且选择是由客户端的 javascript 创建的。

我的问题是......

这样可以吗？

有没有风险？

在了解了大多数 javascript 框架的工作原理后，我借用了这个想法，但大多数框架都在

元素上工作，而不是仅仅在文档本身上工作。

我的目标是 IE6，这是一个快速修复，必须在明天早上投入生产(所以我不想在这方面花费太多时间)，但我不想为每个版本编写 50,000 行请求我是否可以帮忙。

谢谢

最佳答案

HTTP 压缩(mod_gzip 等)可以很好地压缩所有内容。

如果你坚持document.write ，您将必须使用 JavaScript 来编写 <select>元素也是如此，因为在 HTML 中不允许放置 <script>里面<select> 。

另一种方法是将控件的一个副本发送到浏览器，然后在 selectElement.cloneNode(true) 的帮助下复制它。 .

关于javascript - 使用 document.write 来固定 html，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/938528/

Answer 1

HTTP 压缩(mod_gzip 等)可以很好地压缩所有内容。

如果你坚持document.write ，您将必须使用 JavaScript 来编写 <select>元素也是如此，因为在 HTML 中不允许放置 <script>里面<select> 。

另一种方法是将控件的一个副本发送到浏览器，然后在 selectElement.cloneNode(true) 的帮助下复制它。 .