JavaScript2

最新推荐文章于 2022-01-24 19:00:01 发布

是数学系的小孩儿

最新推荐文章于 2022-01-24 19:00:01 发布

阅读量85

点赞数 1

分类专栏：前端学习记录文章标签： css html html5

本文链接：https://blog.csdn.net/qq_51082388/article/details/120600841

版权

前端学习记录专栏收录该内容

31 篇文章 0 订阅

订阅专栏

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样式

是数学系的小孩儿

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
JavaScript2

HTML里怎么写，JS里就怎么写一个简单的搜索框目<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script> function setText() { } </script> </head> <body> <input id="text
复制链接

扫一扫