Javascript学习1

最新推荐文章于 2022-04-13 16:37:59 发布

小学生smile

最新推荐文章于 2022-04-13 16:37:59 发布

阅读量6.6k

点赞数

分类专栏： Javascript Html 文章标签： js

本文链接：https://blog.csdn.net/qq_42231957/article/details/109188001

版权

Javascript 同时被 2 个专栏收录

1 篇文章 0 订阅

订阅专栏

Html

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>

<body>
	<!-- html输出 -->
	<script type="text/javascript">
	document.write("!!!");
	document.write("???");
	function myfunction()
	{
		x=document.getElementById("11");
		x.innerHTML = "hellow";
	}

	</script>
	<!-- 对事件的反应 -->
	<button type="button" onclick="myfunction()">点我</button>
	<p id="11">bibibibibib </p>

	<!-- 改变html图像 -->
	<script type="text/javascript">
			function changeImg(){
		img=document.getElementById("img");
		if(img.src.match("1.jpg")){
			img.src="C:/Users/石焱文/Desktop/html练习/2.jpg";
		}else{
			img.src="C:/Users/石焱文/Desktop/html练习/1.jpg";
		}
	}
	</script>
	<img id="img" onclick="changeImg()" src="C:/Users/石焱文/Desktop/html练习/1.jpg" width="300" height="240">
	<br>

	<!-- 改变html样式 -->
	<script type="text/javascript">
	function changeCSS(){
		element=document.getElementById("button1");
		element.style.color="#FF0000";
	}
	</script>
	<button id="button1" onclick="changeCSS()" style="color: #FFFF00;">改变样式</button>

	<script type="text/javascript">
		function yanzheng(){
			var x=document.getElementById("input1").value;
			if(x==""||isNaN(x))
				alert("请输入数字！");
		}
	</script>
	<br>
	<input id="input1" type="text" name="">
	<button onclick="yanzheng()">验证文本</button>
</body>
</html>

小学生smile

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Javascript学习1

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title></head><body>  <script type="text/javascript"> document.write("!!!"); document.write("???"); function m
复制链接

扫一扫