初学JavaScript第四天_js文本框的加减乘除servelt-CSDN博客

本文链接：https://blog.csdn.net/weixin_70675726/article/details/126947771

文本框加减乘除运算

基本语法

获取用户输入的值

document.getElementById("目标id名称").value

文本框调用函数

οnclick="函数名称"

例题

<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<input type="text" id="one" value="" />+
		<input type="text" id="two" value="" /><br>
		<input type="button" id="suan" value="+" onclick="call('+')"/>
		<input type="button" id="suan" value="-" onclick="call('-')"/>
		<input type="button" id="suan" value="*" onclick="call('*')"/>
		<input type="button" id="suan" value="/" onclick="call('/')"/><br>=
		<input type="text" id="result" value="" />
		<script type="text/javascript">
			//自定义参数
			function call(y){
				//获取用户输入id="one"的数值
				var one=document.getElementById("one").value
				//获取用户输入id="two"的数值
				var two=document.getElementById("two").value
				//转换浮点类型进行加法运算
				//判断用户点击事件
				if(y=="+"){
					var rs=parseFloat(one)+parseFloat(two)
				}else if(y=="-"){
					var rs=parseFloat(one)-parseFloat(two)
				}else if(y=="/"){
					var rs=parseFloat(one)/parseFloat(two)
				}else if(y=="*"){
					var rs=parseFloat(one)*parseFloat(two)
				}
				//获取结果框并赋值
				document.getElementById("result").value=rs
			}
		</script>
	</head>
	<body>
	</body>
</html>

属性、方法和事件

属性

属性是指对象包含的值，使用' 对象名.属性名 '的方式进行操作

方法

在代码里，使用' 对象名.方法名() '来调用该对象的方法

事件

响应用户操作、完成交互，如OnClick、OnKeyDown

一般可以分为鼠标事件、键盘事件、及其他事件

鼠标事件

onmousedown 按下鼠标键

onousemove 移动鼠标

onmouseout 鼠标离开某一个网页对象

onmouseover 鼠标移动到某一个网页对象上

onmouseup 松开鼠标键

onclick 单击鼠标键

ondblclick 双击鼠标键

键盘事件

onkeydown 按下一个键

onkeyup 松开一个键

onkeypress 按下然后松开一个键

自定义对象（Object)

开发人员根据自己的需要而定义的新对象

JavaScript内置对象

JavaScript将一些常用功能预先定义成对象，用户可以直接使用，这就是内置对象。

如字符串对象、数学对象、日期对象、数组对象、正则表达式对象等

字符串对象:用于存储一系列字符，使用单引号或双引号包含

数学对象:用于获取各种数学常量及数学函数

日期对象:用于获取或操作各种时间

浏览器内置对象

浏览器对象是浏览器根据系统当前的配置和所装载的页面为JavaScript提供的一系列可供使用的对象

如Window对象、Document对象、History对象等

字符串对象方法

方法（参数列表）/属性	说明
charAt(num)	返回参数num指定索引处的字符
length	返回字符串长度
charCodeAt(num)	返回参数num指定索引处的字符的Unicode值
indexOf(string[,num]）	返回参数string在字符串中首次出现的位置
lastIndexOf(string[,num]）	返回参数string在字符串中最后出现的位置
substring(index1[,index2])	返回字符串中index1和index2之间的字符串
substr(index1[,num])	返回字符串中index1之后的num个字符
toUpperCase()	返回字符串大写形式
toLowerCase()	返回字符串小写形式
split(reg,num)	根据参数传入的正则表达式或者字符串，将字符串分割成字符串数组
replace(reg,string)	根据参数传入的正则表达式或者字符串，将字符串替换为新字符串
search(string)	返回参数string出现的位置