html如何使用if语句

html-css012

html如何使用if语句,第1张

1、通常html代码中使用if语句是引用js代码来使用。比如：<script>var x=1//给x赋值if (x==1){alert('x等于1')}</script>2、HTML还有一种if判断语句来判断浏览器的类型和版本。比如<!--[if lte IE 6]>和 <![endif]-->语法结构包含起来，代表如果浏览器是 IE 并且版本号低于或等于 6.0 则进行提示。类似的语法还有：<!--[if IE]>这样使用IE浏览器（全部版本）的人都看得到。<![endif]--><!--[if lte IE 8]>这样IE 8.0以下版本会看得到，包含8.0。<![endif]-->

这是针对此问题的测试页面，下面详细解释。

1、给第三个按钮绑定一个事件， onclick="fun()" 意思是点击时执行fun这个函数。

<input type="text" name="001" id="001" value="文本框1" />

<br>

<br>

<input type="text" name="002" id="002" value="文本框2" />

<br>

<br>

<input type="button" name="003" id="003" value="按钮" onclick="fun()" />

2、在javascript中声明fun函数。其中有个关键的地方是用document.getElementById('001').value这种写法获得id为"001"的文本框的值，同时可以用document.getElementById('002').value = 1这种写法对id为"002"的文本框赋值。

function fun() {

if (document.getElementById('001').value == 'ok') {

document.getElementById('002').value = 1

} else {

document.getElementById('002').value = 2

}

}

3、这是运行效果