JS(内置对象,全局函数,事件,事件对象)

outlier--

已于 2022-02-18 23:15:17 修改

阅读量223

点赞数

分类专栏：前端文章标签： javascript 前端 vue.js

于 2022-02-18 20:55:07 首次发布

本文链接：https://blog.csdn.net/yizhishuangsheng/article/details/123010970

版权

前端专栏收录该内容

6 篇文章 0 订阅

订阅专栏

内置对象

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			// 内置对象
			/*
			  String
			  Array
			  Date
			  Math
			  前端工具中.后提示有错误
			*/
		   
		   /* var s="ab:cd";
		   console.log(s.length);
		   console.log(s.substring(1,4));//开始位置与结束位置
		   console.log(s,substr(1,4))//开始位置与长度
		   console.log(s.split(:)); */
		   
		   //数组 Array
		   /* var a=new Array();
		   a[0]=1;
		   a[1]="abc";
		   a[2]=true;
		   a[3]=new Date(); */
		   /* var a=new Array(1,2,3,true);
		   console.log(a[3]); */
		   
		  /* var a=[1,2,3];
		   console.log(a[3]);
		   */
		  
		  var a=[1,2,3];
		  var b=[8,9,10];
/* 		  console.log(a.concat(b));
		  console.log(a.pop());//删除
		  console.log(a.push());//添加返回新长度 */
		   
		   var s=a.join("");//将数组转为字符串 用指定符号连接每个元素
		   
		   // var c=['a','c','b','d'];用编码排序
		   var c=[2,1,4,13];//必须自定义排序才可以排序树组
		   c.sort(mysort);
		   console.log(c);
		   
		   function mysort(a,b){
			   return a-b;
		   }
		   
		  
		  
		   
		</script>
	</head>
	<body>
	</body>
</html>

全局函数

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			// function demo(a,b,c){
			// 	alert(a+":"+b+":"+c);
			// }
			// demo(10,"abc",true)
			
			function demo(a,b){
				return(parseInt(a)+b);//转化为int
			}
			var res=demo("10",5);
			alert(res);
			// 运算字符串
			console.log(eval("5+5"));//10
		</script>
	</head>
	<body>
		<!-- <input type="button" value="测试" onclick="demo()" /> -->
	</body>
</html>

事件

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			function demo(){
				console.log("单击被触发了");
			}
			function demo2(){
				console.log("双击被触发了");
			}
		</script>
	</head>
	<body>
		<input type="button" value="单击事件"onclick="demo()" />
		<input type="button" value="双击事件"ondblclick="demo2()" />
	</body>
</html>

事件对象

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			function demo(e){
				/* console.log(e);//事件对象
				console.log(e.key);
				console.log(e.keyCode);
				console.log(e.ctrlKey); */
				
				//console.log(e.button);获得鼠标键位 0左键 1滑轮 2右键
				console.log(e.offsetX+"::"+e.offsetY);
				//获得鼠标在当前标签内的坐标
				console.log(e.clientX+"::"+e.clientY);
				//获得鼠标在浏览器的坐标
				console.log(e.screenX+"::"+e.screenY);
				//获得鼠标在显示器内的坐标
			}
		</script>
	</head>
	<body>
		<!-- event对象 -->
		<input type="text" onkeydown="demo(event)" />
		<div onmousedown="demo(event)" style="background-color: aqua;width: 200px;height: 200px;" ></div>
	    
	</body>
</html>

outlier--

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
JS(内置对象,全局函数,事件,事件对象)

内置对象<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> // 内置对象 /* String Array Date Math 前端工具中.后提示有错误 */ /* v
复制链接

扫一扫