HTML里怎么写,JS里就怎么写
一个简单的搜索框目
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script>
function setText()
{
}
</script>
</head>
<body>
<input id="text1" type="text"value="搜索">
<input type="button" value="改文字">
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script>
function setText()
{
var oTxt=document.getElementById('text1');
oTxt.value='小贾很可爱';
}
</script>
</head>
<body>
<input id="text1" type="text">
<input type="button" value="改文字" onclick="setText()">
</body>
</html>
实现功能为点击button搜索框里出现文字
if判断
if(条件)
{
语句1
}
else
{
语句2
}
if(预报有雨)
{带伞}
else
{不带伞}
双等号==表示判断
classname是个例外
id="qqq"
#qqq
函数传参
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
#div1{
width:200px;height:200px;background: darkred;
}
</style>
<script>
function setColor(color)
{
var oDiv=document.getElementById('div1');
oDiv.style.background=color;
}
setColor('red')
</script>
</head>
<body>
<input type="button"value="变fen"onclick="setColor('pink')">
<input type="button"value="变huang"onclick="setColor('yellow')">
<input type="button"value="变hei"onclick="setColor('green')">
<div id="div1">
</body>
</html>
函数就是占位符。
下一个,修改div样式