js中嵌入HTML代码的问题

Question

如题，我们通常的做法是:
<script>
  document.write("<input type='text'>")
</script>
或者
<script>
  document.getElementById("showText").innerHTML = ("<input type='text'>")
</script>
但是我已经厌倦了这样的写法，因为拼接js是一件很痛苦的事情，而且（例如<input>）元素不能空出属性来。
现在我想这样写：
<script>
    for(var i = 0; i < 3; i++){
       </script>
          <input type='text'>
       <script>
    }
</script>
有点像jsp的<%%>用法，但事实是，这样不行，请问各位高手，能不能有实现这种写法或类似这种写法的解决方案?谢谢.

Answer 1

<script> 
for(var w=0;w<5;w++){
 document.write(" <input type='text'> ")  ; 
alert(w);
}
</script> 

Answer 2

<script>
var str="<h3>这里是标题</h3>                                \
           <li><a href='http://www.baidu.com'>百度</a></li> \
           <li><a href='http://www.163.com'>网易</a></li>    \
           <li><a href='http://www.qq.com'>腾讯</a></li>      \
          ";
document.write(str);
</script>

Answer 3

var input = document.createElement("input");
input.setAttribute("input","text");
input.value = "someinfo";
var main = document.getElementById("main");
for(var i=0;i<10;++i)
main.innerHTML += input.outerHTML;
<div id="main">
</div>

Answer 4

为什么要拼呢？可以先写出主要的HTML代码，然后使用JS去完善啊

Answer 5

 document.getElementById("showText").innerHTML = ("<input type='text'>")
没有结束符，改为
document.getElementById("showText").innerHTML = "<input type='text'/>";

Answer 6

如果用Jtemplate的话，可以这样写：
{#foreach $T as record}
  <input type='text'/>
{#/for}
很简洁，楼主可以学一下！

Answer 7

楼主习惯了写 asp或者jsp???