js总结4

最新推荐文章于 2024-09-19 17:56:32 发布

小付不秃头

最新推荐文章于 2024-09-19 17:56:32 发布

阅读量99

点赞数

文章标签： javascript servlet 前端

本文链接：https://blog.csdn.net/f_95271/article/details/126948770

版权

页面两个数之间的运算：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<!-- 第一个数：<input type="text" id="one" value="" />+
		第二个数：<input type="text" id="two" value="" />=
		<input type="text" name="" id="sum" value="" />
		<input type="button" name="" id="" value="运算" onclick="sd()"/><br/>
		<script type="text/javascript">
			function sd(){
			var one=document.getElementById("one").value
			var two=document.getElementById("two").value
			var sum=Number(one)+Number(two)
			document.getElementById("sum").value=sum
			}
		</script> -->
		
			第一个数：<input type="text" id="one" value="" /><br/>
			第二个数：<input type="text" id="two" value="" /><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="" id="sum" value="" /><br/>
			<script type="text/javascript">
				function cal(y){
				var one=document.getElementById("one").value
				var two=document.getElementById("two").value
				var s
				if(y=="+"){
					 s=Number(one)+Number(two)
				}else if(y=="-"){
					s=Number(one)-Number(two)
				}else if(y=="*"){
					s=Number(one)*Number(two)
				}else if(y=="/"){
					s=Number(one)/Number(two)
				}
				document.getElementById("sum").value=s
				}
			</script>
	</body>
</html>

属性、方法和事件：

属性：

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

方法：

在代码里，使用“对象名、方法名（）”来调用该对象的方法

事件：

响应用户操作、完成交互

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

js中的对象：

自定义对象：

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

js内置对象

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

浏览器内置对象：

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

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			//自定义对象
			var student =new Object()
			//给对象设置一些属性
			student.stuID="1001"
			student.stuName="张三"
			student.className="移动3班"
			//给对象设置函数
			student.hello=function(){
				console.log("大家好")
			}
			student.hello()
			console.log(student.stuID)
			//function 函数名（参数列表）{函数体}
			//赋值式声明变量
			var test=function(){
				console.log("aa")
			}
			test()
			//使用构造函数
			function teacher(tid,tname){
				//构造函数中的this指的是当前对象
				this.tid=tid
				this.tname=tname
				this.eat=function(){
					console.log("吃饭")
				}
			}
			//实例化一个对象
			var tl=new teacher("1","李四")
			tl.eat()
			console.log(tl.tid,tl.tname)
			console.log(tl)
			//其他方式
			var stu={
				stuid:"1002",
				stuname:"王五",
				study:function(){
					console.log("学习")
				}
			}
			stu.study()
			console.log(stu.stuid)
		</script>
	</body>
</html>

字符串对象：

用于储存一系列字符

使用单引号或双引号包含

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

可以在字符串中使用索引

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		email:<input type="text" id="email" value="" />
		<input type="button" name="" id="" value="验证" onclick="ce()"/>
		<script type="text/javascript">
			//字符串对象
			//获取一个字符的长度
			var str="hello world"
			console.log("该字符串的长度是"+str.length)
			console.log(str.charAt(1))
			console.log(str.indexOf("l"))
			console.log(str.indexOf("a"))//当查找的字符不存在时返回-1
			
			//邮箱中必须包含@和.且@必须在.之前
			function ce(){
				var email=document.getElementById("email").value
				if(email.indexOf("@")==-1){
					alert("该邮箱中不包含@")
				}else if(email.indexOf(".")==-1){
					alert("该邮箱中不包含.")
				}else if(email.indexOf("@")>email.indexOf(".")){
					alert("该邮箱中@必须在.之前")
				}else{
					alert("邮箱地址正确")
				}
			}
			console.log(str.substring(0,5))
			console.log(str.substr())
			console.log(str.toUpperCase())
			
			var str_1="askafhjkfhskdddj"
			console.log(str_1.split("d"))
			console.log(str_1.replace("d","*"))
			for (var i=0;i<str_1.length;i++){
				str_1=str_1.replace("d","*")
			}
			console.log(str_1)
		</script>
	</body>
</html>