私は一種の自由な質問をします。
条件(デスクトップ/ iPad)に基づいたHTMLコードが欲しいのですが…条件1 /条件2
これらの条件ごとに別々のHTMLスニペットを作成したいのですが….
if (Condition 1)
Some HTML code for con1
else if (Condition 2)
Some HTML code for con2
私がテストしたい条件は(JS)です。
var isiPad = navigator.userAgent.match(/iPad/i) != null;
if (isiPad)
{}
else
{}
これは.jspページに実装する必要があります...
それでどうやってそれをするのですか? JSTLを使うべきですか?最善の方法は何ですか?
主なことは、対応するコードだけが実際にロード/レンダリングされるべきであるということです。条件1が真の場合、条件2のHTMLコードはまったく実行されるべきではありません(ブラウザに隠されることは別として)
JSTLを使うべきですか?
はい。
<c:if>
タグと<c:choose>
タグを使用して、JSTLを使用してjspで条件付きレンダリングを行うことができます。
if をシミュレートするには、次のようにします。
<c:if test="condition"></c:if>
if ... else をシミュレートするには、次のようにします。
<c:choose>
<c:when test="${param.enter=='1'}">
pizza.
<br />
</c:when>
<c:otherwise>
pizzas.
<br />
</c:otherwise>
</c:choose>
別のテキストを出力するだけの場合は、もっと簡潔な例になります。
${condition ? "some text when true" : "some text when false"}
cよりもずっと短いです。 を選択してください。
このための構成は次のとおりです。
<c:choose>
<c:when test="${..}">...</c:when> <!-- if condition -->
<c:when test="${..}">...</c:when> <!-- else if condition -->
<c:otherwise>...</c:otherwise> <!-- else condition -->
</c:choose>
条件があまり高くない場合は、2つの異なる<c:if
タグを使用することをお勧めします - 読みやすくなります。
文字列を比較したい の場合は、次のJSTLを記述します。
<c:choose>
<c:when test="${myvar.equals('foo')}">
...
</c:when>
<c:when test="${myvar.equals('bar')}">
...
</c:when>
<c:otherwise>
...
</c:otherwise>
</c:choose>
<%@ taglib prefix='c' uri='http://Java.Sun.com/jsp/jstl/core' %>
<c:set var="val" value="5"/>
<c:choose>
<c:when test="${val == '5'}">
Value is 5
</c:when>
<c:otherwise>
Value is not 5
</c:otherwise>
</c:choose>
<%@ taglib prefix='c' uri='http://Java.Sun.com/jsp/jstl/core' %>
<c:set var="isiPad" value="value"/>
<c:choose>
<!-- if condition -->
<c:when test="${...}">Html Code</c:when>
<!-- else condition -->
<c:otherwise>Html code</c:otherwise>
</c:choose>
簡単な方法:
<c:if test="${condition}">
//if
</c:if>
<c:if test="${!condition}">
//else
</c:if>
あなたはjspページの<% %>
の内側に<% %>
の外側にhtmlコードのif-else条件を書くことができます。
例えば:
<%
String username = (String)session.getAttribute("username");
if(username==null) {
%>
<p> username is null</p> //html code
<%
} else {
%>
<p> username is not null</p> //html code
<%
}
%>
私は同じ問題を抱えていて、JSTL if 条件ではJavascriptを使用できないと考えました。
一種の回避策はJavascriptにあります。
<script>
var isiPad = navigator.userAgent.match(/iPad/i) != null;
if (isiPad) {
document.write("Some HTML code for con1");
} else {
document.write("Some HTML code for con2");
}
</script>
あなたはあなたが書きたいhtmlコードがあるべきであるところにこのスクリプトを置く必要があるでしょう。