是否有使用Javascript插入HTML块的最佳实践？

2019年7月28日 152次阅读

所以,我的文档中有一大堆
HTML：

<div class="largecontainer">
    <div class="largeeditor"><textarea class="largetextarea"></textarea><div class="largepreview"></div></div>
<div class="largecontrols editcontrols">
    <input type="button" name="save" value="Save" class="saveeventbutton taskbuttons">
    <input type="button" name="delete" value="Delete" class="deletetaskbutton taskbuttons">
    <input type="button" name="contract" value="Contract" class="contractbutton taskbuttons">
    <input type="button" name="cancel" value="Cancel" class="cancelbutton taskbuttons">
</div>
<div class="largecontrols viewcontrols">
    <input type="button" name="edit" value="Edit" class="editbutton taskbuttons">
    <input type="button" name="contract" value="Contract" class="contractbutton taskbuttons">
</div>
<div class="fade"></div>

这个HTML什么都不做.这不是内容.它不是模板.它与表示相关,但默认情况下,CSS设置为display：none,在用户按下按钮并且某些Javascript关闭后更改.

我可以用< link>来包含它,将它粘贴在某些< template>之间.标签,或用我的Javascript加载它.

使用Javascript加载它似乎对我来说最吸引人,因为它不会使文档与显然不与内容相关的内容混乱,并且在它需要之前不会下载.

最佳答案 根据您的应用程序架构,使用JavaScript处理HTML可能是可接受的并且是合适的.

但是,在完成严重依赖这种做法的应用程序后,我发现：

>在JavaScript代码中读取,编辑和修改html通常比较困难.您是否正确关闭了所有元素和引用属性？
>如果没有一个好的系统,找到HTML代码段会更难.对于不熟悉该应用程序的新开发人员来说,这更难.在* .html文件中搜索html要容易得多.
>如果您在html页面而不是脚本页面中出现语法错误,代码编辑器将为您提供更好的html提示.

如果您只是隐藏显示内容,我宁愿写出两个块并使用JavaScript来修改css样式以使这些元素可见.

点赞