JavaScript核心（三）

最新推荐文章于 2023-04-25 20:23:58 发布
最新推荐文章于 2023-04-25 20:23:58 发布
阅读量161 收藏 1
点赞数
分类专栏： javascript 文章标签： DOM1 DOM2 事件流 事件对象
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zht_123/article/details/89892735
版权

1.1 今日目标

  1. 能够说出js中常见的系统对象
  2. 能够查阅系统对象的常用方法
  3. 能够创建节点并添加到页面中
  4. 能够完成节点的替换，删除，克隆操作
  5. 能够获取元素的属性节点
  6. 能够修改或添加元素的属性节点
  7. 能够获取和设置元素的css样式
  8. 能够用多种方法获取（查找）页面中的节点
  9. 能够说出至少10个以上的事件名称
  10. 能够说出3种事件绑定方式及其区别
  11. 能够理解事件冒泡及捕获的过程,并能阻止冒泡事件

1.2 事件

1.2.1 简介

鼠标、键盘所发生的动作就是事件，事件有onclick、onmouseover、onmouseout等等

事件发生需要有事件处理，该处理称为“事件处理”，事件处理通常由函数来执行。

1.2.2 DOM1级事件

1、添加DOM1级事件

事件以onclick为例：

方法一：行内绑定
<input type="button"  onclick='事件处理函数()' >
方法二：行内绑定
<input type="button"  onclick='函数体' >
方法三：动态绑定
node.onclick=function(){
}
方法四：动态绑定
node.onclick=函数名

2、取消DOM1级事件

node.onclick=null

3、例题：点击按钮，只能弹出一次对话框

<script>
window.onload=function(){
	document.getElementById('btn').onclick=function(){
		alert('锄禾日当午');
		this.onclick=null;	//取消事件绑定
	}
}
</script>
<input type="button" value="点击" id='btn'>
1.2.2 DOM2级事件

1、添加DOM2级事件

注意：DOM2级事件中没有’on’

<input type="button" value="点击" id='btn'>
<script>
window.onload=function(){
	//DOM2级绑定
	document.getElementById('btn').addEventListener('click', function(){
		alert('锄禾日当午');
	});
}
</script>

例题：鼠标移动到div上变颜色

<style>
#test{
	width: 100px;
	height: 100px;
	background-color: #ccc;
}
</style>
<div id="test"></div>
<script>
window.onload=function(){
	var oDiv=document.getElementById('test');
	//点击尺寸变大
	oDiv.addEventListener('click', function(){
		var oStyle=window.getComputedStyle(oDiv);
		oDiv.style.width=parseInt(oStyle.width)+10+'px';
		oDiv.style.height=parseInt(oStyle.height)+10+'px';
	});
	//鼠标移上去更改颜色
	oDiv.addEventListener('mouseover',function(){
		this.style.backgroundColor='#FF0000';
	})
	//鼠标离开更改颜色
	oDiv.addEventListener('mouseout',function(){
		this.style.backgroundColor='#cccccc';
	})
}
</script>

运行结果

在这里插入图片描述

2、添加同类型事件

注意：DOM1级事件添加多个同类型的事件只有最后一个起作用。所有DOM1级是不支持添加多个同类型事件

DOM2 级可以添加多个同类型事件

<script>
window.onload=function(){
	var oBtn=document.getElementById('btn');
	oBtn.addEventListener('click', function(){
		alert('锄禾日当午');
	});
	oBtn.addEventListener('click',function(){
		alert('汗滴禾下土');
	})
}
</script>
<input type="button" value="点击" id='btn'>

3、取消DOM2级事件

语法：

oBtn.removeEventListener(事件, 函数名);

要取消DOM2级事件必须是有名函数，不可以是匿名函数

例题

<body>
<script>
function fun1(){
	alert('锄禾日当午');
}
function fun2(){
	alert('汗滴禾下土');
}

window.onload=function(){
	var oBtn=document.getElementById('btn');
	oBtn.addEventListener('click',fun1);	//添加事件
	oBtn.addEventListener('click',fun2);	//添加事件

	document.getElementById('btn2').onclick=function(){	//取消DOM2级事件
		oBtn.removeEventListener('click', fun1);
		oBtn.removeEventListener('click',fun2);
	}
}
</script>
<input type="button" value="点击" id='btn'><br>
<input type="button" value="取消事件" id='btn2'>
</body>
1.2.3 事件流

多个嵌套的标记拥有相同事件，一个元素的事件触发，同时会触发其他元素相同的事件，称为事件流

事件流有两种：

1、冒泡型：事件有内往外（false）

2、捕捉型：事件由外往内（true）

在这里插入图片描述

注意：DOM1级不能操作事件流，只能是冒泡型，不能改变

例题：通过DOM2级事件操作事件流

<body>
<style>
#aa{
	width:150px;
	height: 150px;
	background-color: #F00;
}
#bb{
	width:100px;
	height: 100px;
	background-color: #090;
}
#cc{
	width: 50px;
	height: 50px;
	background-color: #00F;
}
</style>
<div id="aa">aa
	<div id="bb">bb
		<div id="cc">cc</div>
	</div>
</div>
<script>
window.onload=function(){
	document.getElementById('aa').addEventListener('click', function(){
		alert('aa')
	}, true);
	
	document.getElementById('bb').addEventListener('click', function(){
		alert('bb')
	}, true);

	document.getElementById('cc').addEventListener('click', function(){
		alert('cc')
	}, true);   //true 表示捕捉型， false表示冒泡型【冒泡】
}
</script>
</body>

运行结果

在这里插入图片描述

常用事件:

onblur：		失去焦点
onfocus:	获得焦点
onload:		当页面加载的时候
onunload:	当页面卸载的时候
onchange:	发生改变的时候
onclick:	单击的时候
onmouseover:	当鼠标移上去
onmouseout:		当鼠标移走
onmousemove:	当鼠标移动
onmousedown:	当鼠标按下去
onmouseup		当鼠标抬起
onsubmit:		当表单提交
onkeydown		当键盘按下去
onkeyup			当键盘抬起

1.3 事件对象

1.3.1 概述

每个事件发生的时候，计算机都会产生相应的对象，用来保存事件发生时候计算机的状态。

1.3.2 获取事件对象

当事件发生的时候，事件对象自动传递给事件处理函数。

//DOM1级获取事件对象
btn.οnclick=function(evt){  //evt表示事件对象
	
}
//DOM2级获取事件对象
btn.addEventListener('click', function(evt){
	
})
1.3.3 事件对象应用

应用一：阻止事件流

<script>
window.onload=function(){
	document.getElementById('aa').addEventListener('click', function(evt){
		alert('aa');
		evt.stopPropagation();	//停止事件流
	}, false);
	
	document.getElementById('bb').addEventListener('click', function(evt){
		alert('bb');
		evt.stopPropagation();	//停止事件流
	}, false);

	document.getElementById('cc').addEventListener('click', function(evt){
		alert('cc');
		evt.stopPropagation();	//停止事件流
	}, false);
}
</script>

//Propagation：传播

提醒：事件对象也可以阻止DOM1级的事件流

<script>
window.onload=function(){
	document.getElementById('aa').onclick=function(evt){
		alert('aa');
		evt.stopPropagation();
	}
	document.getElementById('bb').onclick=function(evt){
		alert('bb');
		evt.stopPropagation();
	}
	document.getElementById('cc').onclick=function(evt){
		alert('cc');
		evt.stopPropagation();
	}
	
}
</script>

小结：可以通过事件对象阻止事件流，不管是DOM1级的还是DOM2级的都可以阻止

应用二：阻止浏览器默认动作

表单提交时候，浏览器会根据action的值进行跳转，这个动作称为浏览器的默认动作。

return false：阻止DOM1级的默认动作

evt.preventDefault()：阻止DOM1和DOM2级的默认动作

例题

<body>
<form action="" id='frm'>
	请输入一个数 <input type="text" name='num' id="num"><br>
	<input type="submit" value="提交">
</form>
<script>
window.onload=function(){
	//阻止DOM1级的默认动作
	document.getElementById('frm').onsubmit=function(evt){
		if(isNaN(document.getElementById('num').value)){
			alert('请输入一个数');
			//return false;			//阻止DOM1级的默认动作
			evt.preventDefault();	//阻止DOM1级和DOM2的默认动作
		}
	}

	//阻止DOM2级的默认动作
	/*
	document.getElementById('frm').addEventListener('submit', function(evt){
		if(isNaN(document.getElementById('num').value)){
			alert('请输入一个数');
			evt.preventDefault();	//阻止DOM1级和DOM2的默认动作
		}
	});
	*/
}
</script>

应用三：光标位置

evt.screenX		相对于屏幕的左上角
evt.screenY

evt.clientX		相对于客户端的左上角，不包含滚动条的距离
evt.clientY

evt.pageX		相对于客户端的左上角，包含滚动条的距离
evt.pageY

evt.offsetX		相对于自身的左上角
evt.offsetY

例题：小鸟跟随鼠标

<style>
#bird{
	position: absolute;
}
</style>
<img src="bird.gif" id='bird'>
<script>
window.onload=function(){
	var oImg=document.getElementById('bird');
	window.onmousemove=function(evt){
		oImg.style.left=evt.clientX+'px';    //将鼠标的x位置付给小鸟距左的距离
		oImg.style.top=evt.clientY+'px';	  //将鼠标的y位置付给小鸟距上的距离
	}
}
</script>

运行结果

在这里插入图片描述

1.4 作业

作业一：判断闰年

<script>
window.onload=function(){
	document.getElementById('btn').onclick=function(){
		var year=document.getElementById('year').value;
		if(year==''){
			alert('年份不能为空');	
			document.getElementById('year').focus();	//获取焦点
		}else{
			if(isNaN(year)){
				alert('您输入的不是数字');
				document.getElementById('year').select();	//选中文本框的内容
			}else{
				if(year.indexOf('.')!=-1){
					alert('不能输入小数');
					document.getElementById('year').select();
				}else{
					if(year<1){
						alert('必须输入正整数');
						document.getElementById('year').select();
					}else{
						if(year%4==0 && year%100!=0 || year%400==0){
							alert(year+'是闰年');
						}else{
							alert(year+'是平年');
						}
					}
				}
			}
		}
	}
}
</script>
<form action="">
	请输入年份： <input type="text" id="year">
	<input type="button" id='btn' value="判断闰年">
</form>

作业二：判断成绩

<form action="">
	语文：<input type="text" id="ch"> <br>
	数学：<input type="text" id="math"> <br>
	<input type="button" value="判断成绩" id='btn'>
</form>
<script>
window.onload=function(){
	document.getElementById('btn').onclick=function(){
		var ch=document.querySelector('#ch').value;	//语文成绩
		var math=document.querySelector('#math').value;	//数学成绩
		if(ch=='' || isNaN(ch) || ch<0 ||ch>100){
			alert('语文成绩必须在0-100之间');
			document.getElementById('ch').select();
		}else if(math=='' || isNaN(math) || math<0 || math>100){
			alert('数学成绩必须在0-100之间');
			document.getElementById('math').select();
		}else{
			//ch=parseInt(ch);		//转成整数类型
			//math=parseInt(math);	//转成整数类型
			ch=parseFloat(ch);		//转成浮点型
			math=parseFloat(math);
			var avg=(ch+math)/2;
			alert('您的平均分是：'+avg);
			if(avg>=90)
				alert('A');
			else if(avg>=80)
				alert('B');
			else if(avg>=70)
				alert('C');
			else if(avg>=60)
				alert('D');
			else
				alert('E')
		}
		
	}
}
</script>

作业三：更改颜色

<div id="content">
	离离原上草，一岁一枯荣。<br>
	野火烧不尽，春风吹又生。<br>
	远芳侵古道，晴翠接荒城。<br>
	又送王孙去，萋萋满别情。<br>
</div>
<select id="color">
	<option value="#000000">---请选择颜色---</option>
	<option value="#FF0000">红色</option>
	<option value="#009900">绿色</option>
	<option value="#0000FF">蓝色</option>
</select>
<script>
	window.onload=function(){
		document.getElementById('color').onchange=function(){
			document.getElementById('content').style.color=this.value;
		}
	}
</script>

运行结果

在这里插入图片描述

作业四：打印图形

<style>
	body{
		text-align: center;
		font-size: 20px;
	}
	span{
		width: 28px;
		display:inline-block;
	}
</style>
<script>
	for(var i=1;i<=9;i++){
		n=i<=5?i:(10-i);
		n=(2*n)-1;
		for(var j=1;j<=n;j++){
			document.write('<span>*</span>');
		}
		document.write('<br>');
	}
</script>

运行结果

在这里插入图片描述

作业五：打印图形

<style>
span{
	display: inline-block;
	width: 27px;
	font-size: 20px;
	text-align: center;
}
</style>
<script>
for(var i=0;i<=9;i++){
	for(var j=0;j<=9;j++){
		if(i>=2 && i<=7 && j>=2 && j<=7)
			document.write('<span></span>');
		else
			document.write('<span>*</span>');
	}
	document.write('<br>');
}
</script>

运行结果

在这里插入图片描述

作业六：打字机的效果

<body>
<style>
	div{
		width: 300px;
		height: 100px;
		border: #000 solid 1px;
		margin-bottom: 30px
	}
</style>
<div id='content'></div>
<textarea id="txt" cols="30" rows="5"></textarea><br>
<input type="button" value="打印" id='btn'>
<script>
window.onload=function(){
	document.getElementById('btn').onclick=function(){
		var str=document.getElementById('txt').value;		//获取打印的内容
		if(str=='')	//打印内容为空，就终止
			return;
		var n=0;
		var id=setInterval(function(){
			if(n==str.length){
				document.getElementById('content').innerHTML=str;
				clearInterval(id);	//关闭时钟
			}
			else{
				document.getElementById('content').innerHTML=str.substr(0,n)+'_';
				n++;
			}
		}, 100);	//每隔100毫秒截取一次字符串
	}
}
</script>
</body>

运行结果

在这里插入图片描述

作业七：自选彩票（36选）

<style>
	div{
		width: 50px;
		height: 50px;
		float: left;
		border: #000 solid 1px;
		margin-right: 10px;
		text-align: center;
		line-height: 50px;
	}
</style>
<div class="num"></div>
<div class="num"></div>
<div class="num"></div>
<div class="num"></div>
<div class="num"></div>
<div class="num"></div>
<div class="num"></div>
<input type="button" value="机选" id='btn'>
<script>
window.onload=function(){
	document.getElementById('btn').onclick=function(){
		var oDiv=document.getElementsByClassName('num');
		var array=[];	//保存已经生成的数字
		for(var i=0;i<7;i++){
			while(true){
				var num=Math.floor(Math.random()*36)+1;	//生成随机数
				if(array.indexOf(num)==-1){	//数组中不存在
					oDiv[i].innerHTML=num;	//显示数字
					array.push(num);		//将数字保存到数组中
					break;
				}
				
			}
		}
	}
}
</script>

运行结果

在这里插入图片描述

作业八：本月第一天是星期几

<script>
var array=['天','一','二','三','四','五','六'];
var date=new Date();
date.setDate(1);	//设置本月的第一天
var n=date.getDay();	//返回星期的索引号
console.log('本月第一天星期'+array[n]);
</script>

作业九：倒计时

<div id="t"></div>
<script>
window.onload=function(){
	var date2=new Date(2020,1,1,0,0,0);	//2020年元旦
	var time2=date2.getTime();		//2020年元旦的时间戳
	setInterval(function(){
		var date1=new Date();	//当前时间
		var time1=date1.getTime();	//当前时间戳
		var diff_time=parseInt((time2-time1)/1000);	//距离目标剩余时间（数）
		var day=parseInt(diff_time/3600/24);		//剩余天数
		var hour=parseInt((diff_time/3600)%24);	//剩余小时
		var minute=parseInt((diff_time/60)%60);	//剩余分钟数
		var second=diff_time%60;		//剩余秒数
		document.getElementById('t').innerHTML='距离2020年元旦还有:'+day+'天'+hour+'小时'+minute+'分钟'+second+'秒';
	}, 1000);
}
</script>

运行结果

在这里插入图片描述

作业十：年月日

<select id="year"></select>年
<select id="month"></select>月
<select id="day"></select>日
<script>
//加载年
function initYear(){
	var date=new Date();
	var y=date.getFullYear();
	appendOption('year',y-100,y);
	document.getElementById('year').children[80].setAttribute('selected', 'selected');
}
//加载月
function initMonth(){
	appendOption('month',1,12);
}
//加载日
function initDay(){
	document.getElementById('day').innerHTML='';	//清空日期下的所有子元素
	var n=getDayCount();
	appendOption('day',1,n);
}
/*
*作用：在select元素下添加option
*@param target string 目标id,
*@param start int 起始值
*@param end int 结束值
*/
function appendOption(target,start,end){
	for(var i=start;i<=end;i++){
		var option=document.createElement('option');
		option.innerHTML=i;
		option.setAttribute('value', i);
		document.getElementById(target).appendChild(option);
	}
}
//获取指定月份的天数
function getDayCount(){
	var y=document.getElementById('year').value;
	var m=document.getElementById('month').value;
	if(m==1||m==3||m==5||m==7||m==8||m==10||m==12){
		return 31;
	}else if(m==2){
		if(y%4==0 && y%100!=0 || y%400==0)
			return 29;
		return 28;
	}else{
		return 30;
	}
}
//调用方法
window.onload=function(){
	initYear();
	initMonth();
	initDay();
	document.getElementById('year').onchange=initDay;    //年发生了改变
	document.getElementById('month').onchange=initDay;	  //月发生了改变
}
</script>

运行结果

在这里插入图片描述

作业十一：div尺寸变大

<style>
#test{
	width:100px;
	height: 100px;
	background-color: #ccc;
}
</style>
<div id='test'></div>
<script>
window.onload=function(){
	document.getElementById('test').onclick=function(){
		oStyle=window.getComputedStyle(this);
		var w=oStyle.width;	//获取宽度，带有px
		var h=oStyle.height;
		w=parseInt(w);		//去除px
		h=parseInt(h);		//去除px
		w+=5;
		h+=5;
		document.getElementById('test').style.width=w+'px';//样式都要带有px
		document.getElementById('test').style.height=h+'px';
	}
}
</script>

运行结果

在这里插入图片描述

中资上事
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
《前端》onclick= function() 、onclick= return function() 、return false的区别介绍。
BelleDiao的博客
05-21 1890
现在在做薪酬二期的。 οnclick="function()" 表示只会执行 function , 但是不会传回 function 中之回传值 onclick = "return function()" 则是 执行 function并传回 function 中之回传值。 <script> function doAlert() { var fail_this_check = true; if(fail_this_check) return false;
JavaScript核心（持续更新二）
syh_SYH0321的博客
11-16 728
document.createElement()用来生成网页元素节点，参数为元素的标签名； document.createTextNode()用来生成文本节点，参数为所要生成的文本节点的内容； node.appendChild()接受一个节点对象作为参数，将其作为最后一个子节点，插入当前节点；
JS-事件
hello world
06-01 5694
/事件源 box //on事件类型 onclik //事件的处理程序是 通过函数赋值;IE浏览器中 可以通过e.cancelBubble = true 进行阻止事件的冒泡 //取消冒泡。网页中的每个元素都可以产生某些可以触发JavaScript的事件.事件冒泡：当点击时 事件从最精确的元素 一层一层往上触发 直到最顶层元素 这个过程叫做事件冒泡。[ add 添加] [Event 事件 ] [listner 监听,听众]console.log('代码会在box被点击后执行');
JavaScriptAPI编程_事件
JiuMeilove的博客
06-21 2万+
JavaScript使我们有能力创建动态页面,而事件是可以被JavaScript侦测到的行为. 简单理解:触发—响应机制. 网页中每个元素都可以产生某些可以触发JavaScript的事件,例如,我们可以在用户点击某个按钮时产生一个事件,然后去执行某些操作事件是由三部分组成,事件源,事件类型,事件处理程序.我们也称为事件三要素示例 注册事件/绑定事件 注册事件概述 给元素添加事件,称之为注册事件或者绑定事件 注册事件有两种方式:传统方式和方法监听注册方式 传统注册方式 利用on开头的事件,例如oncli
js 动态加载function(onclick= function ())
小虫乱爬--爬爬也论技术 博客
05-07 3404
转:http://hi.baidu.com/deli9999/blog/item/3e19831d5a6dfa8786d6b62c.htmlhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml" >        function cancleEvent(){        d
onclick="function()"和onclick="return function();"区别
The_Best_Hacker的博客
04-08 5466
onclick="function()" 表示只会执行 function , 但是不会传回 function 中之回传值 onclick = "return function()" 则是 执行 function并传回 function 中之回传值 eg： <script> function doAlert() { var fail_this_chec...
JavaScript核心篇
Z__legend的博客
08-17 231
文章目录实用开发小技能var let const 之间的区别函数高阶函数 map、reduce、filter、sort闭包箭头函数 Arrow Function 实用开发小技能 1. 解构赋值 // 数组的解构 使用 [ ] let [x, y, z] = ['hello', 'JavaScript', 'ES6']; // 对象的解构 使用 { } const Stack = { name: 'Tony Stack', sex: 'male', sayhello: function(
JavaScript核心参考手册
04-22
本手册是JavaScript核心部分的参考，由于时间的关系没有涉及客户端和服务器各种条目的详细说明，请大家见凉 。下面就本参考手册中的各个部分的功能进行简单说明，方便大家参考。 可用性 可用性信息说明了该项目(类、...
javascript核心讲解
02-21
在这个"javascript核心讲解"中，我们将深入探讨JavaScript的核心概念，包括数组、对象、日期以及Math模块的使用，并通过实例来加深理解。 1. **数组**：JavaScript中的数组是一种特殊的数据结构，可以存储多个值。...
javascript核心教程
01-17
这个“javascript核心教程”可能涵盖了以上这些知识点，对于初学者和专业人士来说，都是深入了解和提高JavaScript技能的重要资料。通过阅读javascript.htm和javascript文件，读者可以深入理解JavaScript的各个方面，...
javascript核心参考手册
05-08
《JavaScript核心参考手册》是一本全面且深入的资源，旨在帮助开发者掌握JavaScript的API和核心方法，特别适合那些希望在JavaScript领域进一步提升的进阶学习者。这本书包含了丰富的信息，使得用户无需频繁地访问...
JavaScript常用事件详解
qq_51012353的博客
11-16 433
onclick onmouseover onmouseout onkeyup onchange onfocus onblur
onclick传参使用function()
最新发布
会转圈的易拉罐的博客
04-25 1531
对于有需要传参的按钮，需要按照以下的方式进行.直接上代码。
JS函数
rrgbf0123的专栏
05-07 488
一、传统的函数声明与函数定义 函数声明：写前面，避免用的时候不认识该函数： Int add(int a,int b); 函数定义：要实现函数：          Int add(inta,int b) {          Return a+b; }          而对于JS，有变量名提升和函数声明提升的机制，不需要传统意义上的写在最前面的函数定义。 JS只有函数声明和函数表
JS 中 onclick 事件四种传参方式
稚枭天卓
11-02 4万+
1、在页面中给方法传参数，有如下的两种方法： 方法1，onclick=cancel(id，patientId); 在js文件中定义cancel方法 如果要把当前对象传过去用onclick="cancel(this,id,patientId)" js中cancel（obj，id，patientId） 方法2，在js中用 代码示例: jquery$(function(){ va
【JavaScript】按钮绑定点击事件-onCliek事件
热门推荐
【程序员不弃】的博客
03-19 9万+
【JavaScript】按钮绑定点击事件-onCliek事件 <button type="submit" id="btn">btn</button> 1. 第一种: $("#btn").click(function(event){} 2. 第二种: document.getElementById('#foo').addEventListener('cl...
写在标签上的onclick=“function()”和写在$(document).rendy(function(){})里边的点击事件区别
liu834189447的博客
10-19 749
aaaa
JavaScript核心技术及实践指南
"JavaScript核心及实践" 本书《JavaScript核心及实践》是邱俊涛所著的一本关于JavaScript的书籍，主要介绍了JavaScript的核心概念和实践经验。下面是从书中提取的知识点： JavaScript简史 JavaScript是由Brendan ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值