JS的函数运算和属性，方法，事件

最新推荐文章于 2024-10-02 05:39:15 发布

代码真没意思

最新推荐文章于 2024-10-02 05:39:15 发布

阅读量212

点赞数 1

文章标签： javascript servlet 前端

本文链接：https://blog.csdn.net/qq_65987191/article/details/126935506

版权

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

	<body>
		第一个数：<input type="text" name="" id="a" value="" /><br />
		第二个数：<input type="text" name="" id="b" value="" /><br />
		运算方式：<input type="button" name="" id="" value="+" onclick="zzw('+')" />
		<input type="button" name="" id="" value="-" onclick="zzw('-')" />
		<input type="button" name="" id="" value="*" onclick="zzw('*')" />
		<input type="button" name="" id="" value="/" onclick="zzw('/')" /><br />
		运算结果：<input type="text" name="" id="c" value="" />

		<script type="text/javascript">
			function zzw(y) {
				// 调用a，b文本框
				var a = document.getElementById("a").value
				var b = document.getElementById("b").value
				var c = 0
				if (y == "+") {
					c = parseFloat(a) + parseFloat(b)
				} else if (y == "-") {
					c = parseFloat(a) - parseFloat(b)
				} else if (y == "*") {
					c = parseFloat(a) * parseFloat(b)
				} else if (y == "/") {
					c = parseFloat(a) / parseFloat(b)
				}

				document.getElementById("c").value = c
			}
		</script>
	</body>
</html>

属性·
√ 属性是指对象包含的值，使用'对象名.属性名的方式进行操作，如
document.myfrom.first.value方法
√ 在代码里，使用'对象名.方法名()'来调用该对象的方法。√alter(")=Window.alter(")
事件
√ 响应用户操作、完成交互，如OnClick、OnKey Down √一般可以分为鼠标事件、键盘事件及其他事件

鼠标事件意义
onmousedown 按下鼠标键
onmousemove 移动鼠标
onmouseout 鼠标离开某一个网页对象
onmouseover 鼠标移动到某一个网页对象上
onmouseup 松开鼠标键
onclick 单击鼠标键
ondblclick 双击鼠标键

键盘事件意义
onkeydown 按下一个键
onkeyup 松开一个键
onkeypress 按下然后松