Web学习笔记_03

最新推荐文章于 2022-10-19 16:13:12 发布
最新推荐文章于 2022-10-19 16:13:12 发布
阅读量241 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Chen_Zhenui/article/details/73556712
版权
Javascript入门
1 引入
html：负责网页结构
css： 负责网页美观
javascript：负责用户与浏览器交互。
 2 javacript的来由
1994时，网景公司研发了livescript语言，领航者浏览器（把livescript语言植入到浏览器）

微软公司的IE浏览器，后来自己花钱20亿美金研发jscript


1995年，Sun公司，推出jdk1.1 .谈合作。livescript-》javascript

1998，美国在线收购网景。

javascript   jscript    语法不同。 ECMA（欧洲制造商联盟）


scirpt的语法：
1）基础语法（ECMA规范）
2）BOM编程（没有统一）
3）DOM编程（没有统一）
-----------------------------------------------------------------------------------------------------------------------


1.1 javascript使用
javascript的注释：单行 //   多行  /* */
css的注释：css  多行注释  /* */
html的注释：<!--注释 -->

常用的函数：
alert("提示框");
document.write("向浏览器输出内容");

javascript的使用方法：
1）内部javacript:
a)在html页面中使用<script>标签，在<script>标签体中写js内容
b)弊端：和html代码混杂在一起，不好维护，不好重用

2）外部javascript（推荐使用）
  注意： 不能使用<script src="01.js"/> 空标签方式导入 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<script type="text/javascript">
document.write("helloworld");
alert("提示框");
</script>
<body>
</body>
</html>


1.2 变量和数据类型

1）定义和赋值变量： var 变量名=值;
var a = 10;
//var a = 20;
var b = 3.14;
var c = 'c';
var d = "hello";
var e = true;
var f = new Object();
注意：
1）使用var关键词定义变量，var可以省略的，但是不建议省略var
2) 在js中可以重复定义变量，后面定义的变量会覆盖前面的变量。
3) js是弱类型语言，使用var来定义任何数据类型
4）js中变量的类型是由变量的值决定的，所以只定义不赋值的变量，就是一个未赋值变量（undefined），
未赋值的变量不能使用

typeof(变量)： 查看变量的数据类型

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<script type="text/javascript">
	var a = 10;
	var b = 3.14;
	var c = 'c';
	var d = "hello";
	var e = true;
	var f = new Object();
	document.write("a:"+typeof(a)+"<br/>");
	document.write("b:"+typeof(b)+"<br/>");
	document.write("c:"+typeof(c)+"<br/>");
	document.write("d:"+typeof(d)+"<br/>");
	document.write("e:"+typeof(e)+"<br/>");
	document.write("f:"+typeof(f)+"<br/>");
</script>
<body>
</body>
</html>
输出结果：


2)js的数据类型分类：
a）number： 无论整数还是小数，都是number类型
b) string:  无论字符还是字符串，都是string类型
c) boolean
d) object  对象类型


1.3 类型转换函数
string->number(整数) :  parserInt(变量)
string->number(小数):  parserFloat(变量) 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<script type="text/javascript">
	var a = "100";
	var b = "12.34";
	document.write("a:"+typeof(a)+"<br />");
	document.write("a转换后:"+typeof(parseInt(a))+"<br />");
	document.write("b:"+typeof(b)+"<br />");
	document.write("b转换后:"+typeof(parseFloat(b))+"<br />");	
</script>
<body>
</body>
</html>
输出：


1.4 运算符
1)算术运算符： + - * /  %
2)比较运算符： > <  >=  <= ==
3)逻辑运算符： &&  ||   !

4)三目运算符:  表达式 ? true的结果 : false的结果  

与java中的运算符类似：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<script type="text/javascript">
	var a = 20;
	var b = 5;
	var c = 7;
	document.write(a+b+"<br>");
	document.write(a-b+"<br>");
	document.write(a*b+"<br>");
	document.write(a/b+"<br>");
	document.write("<hr>");
	
	a>b?alert("a>b"):alert("a<=b");
</script>
<body>
</body>
</html>
运行结果：输出运算结果，且弹出了提示框

1.5 流程控制语句
if语句
if(表达式){
语句
}else{
语句
}

条件可以是：
布尔值：true：成立 ； false:不成立
number：非0：成立； 0： 不成立
string: 非空字符串： 成立 ； 空字符串： 不成立
object: 非null: 成立；  null：不成立

swtich语句
swtich(变量){
case 选项1:
语句;
break;  如果不break，就会继续下面选项的语句
case 选项2:：
语句;
break;
default:
默认;
}

注意：
case的条件：
1）可以是常量. string,number
2）可以是变量。（java是不能是变量）
3)可以是表达式 （java不能这样）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
	var choice = "b";	
	var b = "b";
	switch(choice){
		case "a":
		alert("您选择了a");
		break;
		case b:
		alert("您选择了b");
		break;
		case "c":
		alert("您选择了c");
		break;
		default:
		alert("您的选项不存在");
		break;
		}
</script>
</head>

<body>
</body>
</html>


for语句：
for(初始化语句;条件判断语句;流程控制语句){
循环体语句
}

需求：对1-100进行求和 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
	var sum = 0;
	for(i = 0;i <= 100;i++){
		sum+=i;
		}
	document.write("结果为:"+sum);
</script>
</head>

<body>
</body>
</html>


while语句
初始化语句
while(条件判断语句){ 
循环体语句;
条件控制语句;
}

do-while语句
初始化语句;
do{
循环体语句;
条件控制语句;
}while(判断条件语句)

需求：在页面上打印十次helloworld; 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
	var i = 0;
	do{
		document.write("helloword");
		document.write("<br>");
		i++;
		}while(i<10);

</script>
</head>

<body>
</body>
</html>



循环语句课堂练习（for循环的嵌套）：
1，显示"*"为三角型，5行，第1行有1个"*"，第2行有2个"*"…… 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
//	1，显示"*"为三角型，5行，第1行有1个"*"，第2行有2个"*"……
	for(i=0;i<5;i++){
		for(j=0;j<=i;j++){
			document.write("*");
		}
		document.write("<br>");
	}
</script>
</head>

<body>
</body>
</html>


2. 打印99乘法表

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
	for(i=1;i<=9;i++){
		for(j=1;j<=i;j++){
			document.write(j+"*"+i+"="+i*j+" ");
		}
		document.write("<br>");
	}
</script>
</head>

<body>
</body>
</html>



with语句：方便函数的调用
with(对象){
直接写对象的方法，无需写对象的名称
}

1.6 函数


函数定义：
function 函数名称(形式参数列表){
语句
}

调用函数:
函数名称(实际参数列表);

注意： 
1）js的函数使用function定义，但是形式参数列表不能使用var关键词
2）js的函数可以有返回值，直接使用return关键词返回即可，不需要声明返回值类型
3) js没有方法重载的概念，后面定义的函数会覆盖前面的函数。
4）js中的形式参数和实际参数的数量可以不一致，依然可以调用。
5）js的每个函数中都隐藏了一个叫arguments的数组，这个数组用于接收函数调用时传递过来的实际参数值。
6)arguments数组接收完实际参数后，会逐一的依次从左到右赋值给形式参数,如果实际参数数量大于形式参数，则丢失剩下的实际参数

注意：
实际参数<形式参数： NaN
实际参数>形式参数： 取前面的实际参数，后面的参数丢失

案例：定义一个函数，输入月份，可以查询到该月份的天数
1,3,5,7,8,10,12  大月 31天
4,，6,9,11  小月  30天
2  小小月  28天 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
	function checkMonth(){
		var month = document.getElementById("month").value;
		if(month==1|month==3|month==5|month==7|month==8|month==10|month==12){
			alert("该月有31天");	
		}else if(month==4|month==6|month==9|month==11){
			alert("该月有30天");
		}else if(month==2){
			alert("该月有28天");
		}else{
			alert("地球上不存在这个月份");
		}	
	}
</script>
</head>

<body>
请输入你要查询的月份：<input type="text" id="month" />
<input type="button" value="查询天数" οnclick="checkMonth()" />
</body>
</html>



1.7 基于对象编程
内置对象
1.String对象
方式一：定义String对象
var str1 = new String("hello");
var str2 = new String("hello");
document.write("结果："+(str1==str2)+"<br/>");
valueOf（）:该方法返回对象的内容
document.write("结果："+(str1.valueOf()==str2.valueOf()));

方式二：
var str1 = "hello";
var str2 = "hello";
document.write("结果："+(str1==str2)+"<br/>"); 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
	var str1 = new String("hello");
	var str2 = new String("hello");
	document.write(str1==str2);
	document.write("<br>");
	document.write(str1.valueOf()==str2.valueOf());
	document.write("<br>");
	var str3 = "hello";
	var str4 = "hello";
	document.write(str3==str4);	
</script>
</head>

<body>
</body>
</html>
输出：


常用方法：
charAt(索引): 返回指定索引的内容
indexOf(字符串): 返回首次出现指定字符的索引位置
lastIndexOf(字符串): 返回最后出现指定字符的索引位置
fontcolor("red"): 直接给字符串添加颜色
split("字符串"): 使用指定字符串切割字符串，返回字符串数组
substring(start,end); 截取字符串，start：开始索引， end:结束索引
substr(strat,[length]) 截取字符串， start：开始索引 length: 截取的字符串长度

Number对象
方式一：定义Number对象
var num1 = new Number(20);
var num2 = new Number(20);
方式二：
var num1 = 20;
var num2 = 20;
对比
document.write((num1==num2)+"<br/>");
document.write(num1.valueOf()==num2.valueOf());


Boolean对象
var b1 = new Boolean(true);
var b2 = new Boolean(true);
document.write((b1==b2)+"<br/>");
document.write(b1.valueOf()==b2.valueOf());


Math对象
常用的方法：
1）ceil()： 向上取整。 如果有小数部分的话，直接+1
2）floor(): 向下取整。如果有小数部分的话，直接丢失小数部分，保利整数位
3) round(): 四舍五入取整。满5进一
4）random(): 生成一个随机的0-1的小数 .包含0，不包含1
5）max(): 返回最大值
6）min(): 返回最小值 
var num = 3.50;
document.write(Math.ceil(num)+"<br/>");
document.write(Math.floor(num)+"<br/>");
document.write(Math.round(num)+"<br/>");
document.write(Math.round(Math.random()*100)+"<br/>");
document.write(Math.max(10,6,54,23,76)+"<br/>");
document.write(Math.min(10,6,54,23,76)+"<br/>");
设计一个猜数小游戏：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
	var a = Math.floor(Math.random()*100+1);
	alert(a);
	function gussNumber(){
		var num = document.getElementById("num").value;
		if(num==a){
			alert("猜对了");	
		}else if(num<a){
			alert("小了");	
		}else if(num>a){
			alert("大了");
		}
	}
</script>
</head>

<body>
请输入你所猜的数字：<input type="text" id="num" />
<input type="button" value="猜一下" οnclick="gussNumber()" />
</body>
</html>
输出：


Date对象
创建日期
var date = new Date(); //取当前系统日期时间    java: SimpleDateFormat对象 yyyy-MM-dd 格式化
document.write(date);  //默认格式
格式： 2015年06月01日 15时12分30秒
年份：
document.write(date.getFullYear()+"年");
月：
document.write((date.getMonth()+1)+"月");
日：
document.write(date.getDate()+"日");
星期：
document.write("星期"+date.getDay()+"&nbsp;");
时：
document.write(date.getHours()+"时");
分：
document.write(date.getMinutes()+"分");
//秒
document.write(date.getSeconds()+"秒");


案例练习：网页时钟
案例分析：创建一个获取时间的函数，每隔一秒调用一次；

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<span id="spanTime"></span>
</body>
<script type="text/javascript">
	function getTime2(){
		var spanTime = document.getElementById("spanTime");
		var date = new Date();
		var time = date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()+"日"+"  "+date.getHours()+"时"+date.getMinutes()+"分"+date.getSeconds()+"秒";
		spanTime.innerHTML = time;
	}
		window.setInterval("getTime2()",1000);
</script>
</html>


Array数组对象
方式一：创建数组
1.1 指定数组长度
var arr = new Array(3);

1.2 不指定数组长度、默认0个元素
var arr = new Array();

1.3 指定具体内容
var arr = new Array(10,"hello",true);

方式二： 不需要new，直接指定内容
var arr = [10,"java",false];


注意：
1）数组的长度会随着元素的添加而变化，不用担心出现索引位置越界的异常。
2) js的数组可以存放任意类型的元素。

常用的方法：
join(字符串): 使用指定的字符串，把数组的所有元素连接在一起，最终组成一个新的字符串
reverse(): 反转数组中的元素

常用的属性：length 数组的长度

for-in语句（数组讲完之后再讲，和普通for循环遍历对比）：
for(var 遍历 in  数组){

}
var arr = [10,20,30,40];
作用：遍历数组
需求：定义数组进行遍历 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
	var arr = new Array(100,"java",'a');
	for(i=0;i<arr.length;i++){
		document.write(arr[i]);
		document.write("<br>");
	}
</script>
</head>

<body>
</body>
</html>
输出：


Chen_Zhenhui
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
web_学习笔记
weixin_43386350的博客
03-05 234
nester_liz笔记
web学习笔记
刘群智的博客
07-27 8085
常用属性............................................................................................ 1 Html基础........................................................................................... 3 ...
Web前端学习笔记
jusw123456的博客
10-19 2336
html css分别是指：1、超文本标记语言，html是一种标记语言，它包括一系列标签；2、层叠样式表，css是一种用来表现HTML或XML等文件样式的计算机语言，CSS能够对网页中元素位置的排版进行像素级精确控制。即为浏览器把代码解析后的样子就是我们看到的网站。HTML：结构CSS：样式一个网站是由N多个网页组成的。
Web学习笔记（1）
qq_52227393的博客
01-02 2599
目录 Web前端开发概述 Web前端开发相关的概念 Web前端开发相关的技术 HTML5基础 HTML5-文档头部 HTML5-文本控制类标签 HTML5-图像的运用 表格标签-表格基本结构 HTML5-超链接的应用 表格标签—表格高级样式的设置 Web前端开发概述 Web前端开发相关的概念 1.Web系统的组成 Web是Internet上最受欢迎的一种多媒体信息服务系统。整个系统由Web服务器、浏览器和通信协议组成。 2.Web开发 Web开发就是设计实现Web系.
Web前端学习笔记（1）
maxiaoxiaohaohao的博客
10-19 3624
Web前端学习笔记（1）
SpringBoot经典学习笔记_springboot_SpringBoot经典学习笔记_
09-30
SpringBoot经典学习笔记是针对Java开发者的宝贵资源，它涵盖了SpringBoot的核心概念、特性以及实践应用。SpringBoot是由Pivotal团队开发的框架，旨在简化Spring应用的初始搭建以及开发过程，通过“约定优于配置”的...
C#编程学习笔记_C#编程学习笔记_
10-02
C#是一种由微软公司开发的面向对象的编程语言，它被设计用于构建各种类型的应用程序，包括桌面应用、Web应用以及分布式系统。在C#编程学习中，掌握以下几个核心知识点至关重要： 1. **基础语法**：C#的基础语法类似...
安全：Web安全学习笔记
02-26
这个月看了一本《Web安全设计之道》，书中的内容多是从微软官方文档翻译而来，这本书的含金量不高，不过也不能说没有收获，本文简单记录一下我学习Web安全方面的笔记。本文不涉及IIS、Windows和SqlServer的安全管理...
mySQL.zip_MYSQL_mysql 课件_学习笔记_笔记_资料
09-24
这份"mySQL.zip_MYSQL_mysql 课件_学习笔记_笔记_资料"的压缩包内容包括了MySQL的培训课件和学习笔记，非常适合初学者进行数据库知识的入门学习。 51CTO下载-Mysql培训课件.pdf可能涵盖了以下MySQL的核心知识点： ...
Web安全学习笔记PDF
01-31
Web 安全学习笔记 PDF 本资源摘要信息将对 Web 安全学习笔记 PDF 进行详细的知识点总结。该笔记涵盖了 Web 安全领域的多个方面，包括网络技术演化、网络攻防技术演化、网络安全观、法律与法规、计算机网络与协议、...
注塑模设计毕业设计说明书.doc
07-17
说明书
成品库存管理系统-Excel模板
07-17
【作品名称】：成品库存管理系统-Excel模板 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。
H公司项目管理法则.docx
07-17
H公司项目管理法则.docx
遗传算法及其MATLAB实现
07-17
遗传算法（Genetic Algorithm, GA）最先是由美国Mic- hgan大学的John Holland于1975年提出的。遗传算法是 模拟达尔文的遗传选择和自然淘汰的生物进化过程的计算 模型。它的思想源于生物遗传学和适者生存的自然规律， 是具有“生存+检测”的迭代过程的搜索算法。遗传算法 以一种群体中的所有个体为对象，并利用随机化技术指 导对一个被编码的参数空间进行高效搜索。其中，选择、 交叉和变异构成了遗传算法的遗传操作；参数编码、初始 群体的设定、适应度函数的设计、遗传操作设计、控制参 数设定等5个要素组成了遗传算法的核心内容。 下面是遗传算法的基本步骤以及基本程序流程简介附带有实现程序，可供参考与加深学习。
torchaudio-0.10.2+cpu-cp36-cp36m-linux_x86_64.whl
07-17
torchaudio软件包，直接下载下来，通过命令窗口输入：pip install torchaudio-xxx.whl安装就行，再也不怕pip安装timeout了
转向驱动桥说明书.doc
07-17
说明书
MySQL双主双从实现方式
07-17
MySQL双主双从实现方式
方阵人员信息.xlsx
最新发布
07-17
方阵人员信息.xlsx
python爬虫案例+可视化
07-17
下面我将提供一个简单的Python爬虫案例，该案例将爬取某个网页（例如，我们假设是一个电影评论网站）的数据，并使用Matplotlib进行数据可视化。由于直接爬取真实网站可能涉及法律和隐私问题，我将提供一个基于假设数据的示例。
Flask笔记.docx
04-26
"Flask详细学习笔记，涵盖了HTTP通信、Web框架的概念以及Flask框架的介绍，适合初学者查阅和了解。" 在Web开发中，HTTP通信是客户端（如浏览器、应用程序）与服务器之间交互的基础。这个过程可以分为6个步骤：首先...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值