JavaScript中简单函数和面向对象程序开发

最新推荐文章于 2024-07-26 20:46:33 发布

煎蛋zai冒泡

最新推荐文章于 2024-07-26 20:46:33 发布

阅读量157

点赞数

文章标签： javascript 前端 servlet

本文链接：https://blog.csdn.net/weixin_68266487/article/details/126940099

版权

一：用函数实现计算机功能

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		第一个数:<input type="text" id="one" /><br />
		第一个数:<input type="text" id="two" /><br />
		运算方式：<input type="button" name="" id="" value="+" onclick="cal('+')" />
		<input type="button" name="" id="" value="-" onclick="cal('-')" />
		<input type="button" name="" id="" value="*" onclick="cal('*')" />
		<input type="button" name="" id="" value="/" onclick="cal('/')" /><br />
		运算结果：<input type="text" name="result" id="result" value=" " />

		<script type="text/javascript">
			function cal(y) {
				//获取第一个文本框
				var one = document.getElementById("one").value
				//获取第二个文本框
				var two = document.getElementById("two").value
				//先判断输入的是否是数字
				//isNaN():判断是否是非数字，当结果是true时，表示不是数字，反之则表示是数字
				if (isNaN(one)) {
					alert("输入的第一个数不是数字")
					return
				}
				if (isNaN(two)) {
					alert("输入的第二个数不是数字")
					return
				}
				var result = 0
				if (y == "+") {
					result = parseFloat(one) + parseFloat(two)
				} else if (y == "-") {
					result = parseFloat(one) - parseFloat(two)
				} else if (y == "*") {
					result = parseFloat(one) * parseFloat(two)
				} else if (y == "/") {
					result = parseFloat(one) / parseFloat(two)
				}

				document.getElementById("result").value = result
			}
		</script>


	</body>
</html>

二：面向对象程序开发

JavaScript内置对象

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

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

浏览器内置对象

浏览器对象是浏览器根据系统当前的配置和所装载的页面为JavaScript提供的；一系列可供使用的对象。如Window对象，Document对象，History对象等

对象与数组很相似，唯一的区别是它的键值类型是自定义的，如name,age等

创建自定义对象的方式

1：使用Object关键字创建对象

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			//创建自定义对象
			//使用odject创建
			var student=new Object()
			//给学生添加一些属性
			student.stuID="222"
			student.stuName="史佳宁"
			student.ClassName="移动2105"
			student.sayHello=function(){
				console.log("大家好")
			}
			student.sayHello()
			console.log("该学生的学号："+student.stuID+",姓名"
			+student.stuName+",班级："+student.ClassName)
			
		</script>
	</body>
</html>

2：使用function关键字创建对象

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			    //使用function来创建对象
			    function car(carid,name){
				this.carid=carid
				this.name=name
				this.Run=function(){
					console.log("跑")
				}
			}
			var t1=new car("123","法拉利")
			t1.Run()
		</script>
	</body>
</html>

字符串对象的常用属性和方法

1：用于储存一系列字符

2：使用单引号或双引号包含

3：可以使用索引访问字符串中任何的字符

4：可以在字符串中使用引号

常用的方法

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			//字符串对象
			//获取字符串的长度使用length属性
			var str="Hello World!"
			console.log("获取该字符串的长度"+str.length)
			//返回的是指定索处的字符
			console.log(str.charAt(2))
			//返回的是指定字符首次出现的位置
			console.log(str.indexOf("w"))
			//返回-1
			console.log(str.lastIndexOf("a"))
			//[0,4)hell,从0开始截取，到索引到4结束，但取不到索引为4的字符
			console.log(str.substring(0,4))
			console.log(str.toLocaleUpperCase())
			console.log(str.toLocaleLowerCase())
			
			var str1="abjisjdiojdioaasgyh"
			console.log(str1.split("j"))
			//替换的是满足条件的第一个字符
			console.log(str1.replace("j","o"))
            //返回的也是检索出的满足条件的第一个字符
			console.log(str1.search("o"))
		</script>
	</body>
</html>

验证邮箱格式

//判断是否是邮箱格式，验证邮箱格式，如1594570636@qq.com
			function checkEmail(){
				//获取文本框中输入的邮箱地址
				var email=document.getElementById("email")
				if(email.indexOf("@")==-1){
					alert("邮箱地址缺少@")
				}else if(email.indexOf(".")==-1){
					alert("邮箱地址缺少.")
				}else if(email.indexOf("@")>email.indexOf(".")){
					alert("@必须在.的前面")
				}else{
					alert("邮箱格式正确！")
				}
			}

煎蛋zai冒泡

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript中简单函数和面向对象程序开发

浏览器对象是浏览器根据系统当前的配置和所装载的页面为JavaScript提供的；如Window对象，Document对象，History对象等。JavaScript将一些常用功能预先定义成对象，用户可以直接使用，这就是内置对象。对象与数组很相似，唯一的区别是它的键值类型是自定义的，如name,age等。如字符串对象，数学对象，日期对象，数组对象，正则表达式对象等。2：使用function关键字创建对象。3：可以使用索引访问字符串中任何的字符。1：使用Object关键字创建对象。4：可以在字符串中使用引号。
复制链接

扫一扫