有条件的HTML需要建议

Question

这两种情况会更好。只是确保我使用最佳实践。

<% if(isEdit){ %>
<input type="text" id="tabtitle" name="title" value=<%=Content%>/>
<%}else{%>
<input type="text" id="title" name="title"/>
<%}%>

OR

 $(document).ready(function() { 
<% if(isEdit){ %>
   $("#title").val("<%=Content%>");
<%}%>
});

Answer 1

第二个使用JavaScript / JQuery来修改元素。由于添加客户端代码没有任何优势，我将采用仅服务器端的第一种方法。虽然没有看到更大的图景，但特别难以认可这种方法。

Answer 2

我会采用第一种方法，因为无论如何条件都存在，并且javascript不会向功能添加任何内容。这只是一种强制手段。

此外，如果你使用服务器端，你的代码在它到达浏览器的时候会是正确的，并且javacsript函数的调用没有延迟。当你通过javascript更改dom时，有时会出现闪光或擦拭......没有它你会更好。

Answer 3

我更喜欢第一种方法，因为出于安全原因，某些用户通常会禁用Javascript

Answer 4

我会选择Pointy的建议并在JSP中使用表达式语言（EL）。你可以放：

<input type="text" id="${titleid}" name="title" value="${Content}"/>

将titleid属性设置为“title”或“tabtitle”，将Content设置为“”或您的内容。我没有对它进行过测试，但我相信这会完成同样的事情。