Question

如何将一大段html代码写到js中

如题，现在有一段html代码，如何用js拼接起来并调用？下面是代码
<div id="dialog" style="text-align:center;display:none;">
<div>
<div style="font-size:30px;margin-top:20px;">11111111</div>
<form action="welcome.php" method="post">
账号: <input type="text" name="order_fee" style="margin-top:20px;"><br>
密码: <input type="text" name="order_sn" style="margin-top:20px;"><br>
<input type="submit" value="提交" onclick="closeBg();" style="width:80%;height:40px;background:url(order_bg.png) fixed center center no-repeat;background-size:cover;border:none;color:#fff;margin-top:20px;"/>
</form>
</div>
</div>

Answer 1

var html = '<div id="dialog" style="text-align:center;display:none;"> '
+'<div>'
+'<div style="迹颤吵font-size:30px;margin-top:20px;">11111111</div>'
+'<form action="welcome.php" method="post">'
+'账号: <input type="text" name="order_fee" style="margin-top:20px;"><br>'
+'密码: <input type="text" name="order_sn" style="margin-top:20px;"><br>'
+'<input 洞禅type="submit" value="提交" onclick="closeBg();" style="width:80%;height:40px;background:url(order_bg.png) fixed center center no-repeat;background-size:cover;border:none;color:#fff;margin-top:20px;"/>'
+'姿侍</form> '
+'</div>'
+'</div>'

这样拼接就好了啊，调用的时候：

document.body.innerHTML  = html;

Answer 2

可以参考alert弹窗，把html写入alert中，或者调用function函数。