软件测试-01测试基础-06JavaScript

DR9819

已于 2024-06-19 16:45:54 修改

阅读量281

点赞数 9

文章标签：功能测试 javascript

于 2024-06-19 16:45:06 首次发布

本文链接：https://blog.csdn.net/qq_51671323/article/details/139804781

版权

JS基础

JS简介：诞生于1995年，当时的主要目的是验证表单（例：用户名、密码等输入框）的数据是否合法。JavaScript本来应该叫livescript，想搭上媒体超热Java的顺风车，临时改成JavaScript。（js与Java没有关系）

JS作用：控制web前端标准的前两者：结构和样式。（HTML和CSS）

JS基础语法

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
	</body>
</html>
<script type="text/javascript">
	// alert弹出对话框
	alert();
	alert('弹窗1');
	alert("弹窗2");
</script>

JS事件语法

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<input type="button" value="点我" id="dw" />
		<input type="button" value="class点我" class="classdw" />
		<input type="button" value="class鼠标移入" class="classdw" />
		<input type="button" value="class鼠标移出" class="classdw" />
	</body>
</html>
<script type="text/javascript">
	// 事件源,事件类型=function(){
	// 事件发生的时候要执行的命令
	// }

	// document代表查找的范围在整个文档中
	// 通过id，找到事件源并左键点击
	document.getElementById('dw').onclick = function() {
		alert('我被点了');
	}
	// 通过class，从0开始计数【索引值、地址下标】，【此索引值不可省略】，找到事件源并左键点击
	document.getElementsByClassName('classdw')[0].onclick = function() {
		alert('我被点了');
	}
	// 通过class，从0开始计数【索引值、地址下标】，【此索引值不可省略】，找到事件源并鼠标移入
	document.getElementsByClassName('classdw')[1].onmouseover = function() {
		alert('鼠标移入弹窗');
	}
	// 通过class，从0开始计数【索引值、地址下标】，【此索引值不可省略】，找到事件源并鼠标移出
	document.getElementsByClassName('classdw')[2].onmouseout = function() {
		alert('鼠标移出弹窗');
	}
</script>

DR9819

关注

9
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
软件测试-01测试基础-06JavaScript

JS简介：诞生于1995年，当时的主要目的是验证表单（例：用户名、密码等输入框）的数据是否合法。JavaScript本来应该叫livescript，想搭上媒体超热Java的顺风车，临时改成JavaScript。（js与Java没有关系）JS作用：控制web前端标准的前两者：结构和样式。（HTML和CSS）
复制链接

扫一扫