js基础知识

最新推荐文章于 2022-11-23 17:32:46 发布
最新推荐文章于 2022-11-23 17:32:46 发布
阅读量357 收藏
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/JiangCaifu/article/details/96475595
版权

js基础语法

变量和数据

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js基础</title>
    <link href="Mycss.css" type="text/css" rel="stylesheet">
</head>
<body>
    <script>
        var i=10;
        var j=10;
        var m=i+j;
        //document.write(m);
    </script>
    <script>
        var string="hello";
        var i1=10;
        var flag=true;
        var arr=new Array();
        arr[0]=10;
        arr[1]=20;
        arr[2]=30;
        document.write(arr[2]);
        var n=null;
        var r;
    </script>
</body>
</html>

函数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js定义函数</title>
    <link href="Mycss.css" type="text/css" rel="stylesheet">
</head>
<body>
    <script>
        function demo(){
            var a=10;
            var b=10;
            var sum=a+b;
            alert(sum);
        }
        function tell() {
            var n=10;
            var m=10;
            var vl=n*m;
            alert(vl);
        }
        tell();
    </script>
</body>
</html>

调用函数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js定义函数</title>
    <link href="Mycss.css" type="text/css" rel="stylesheet">
</head>
<body>
    <script>
        function demo(){
            var a=10;
            var b=10;
            var sum=a+b;
            alert(sum);
        }
    </script>
    <form>
        <input type="button" value="按钮" onclick="demo">
    </form>
    //<button onclick="demo()">按钮</button>
</body>
</html>

参数传递

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>传递参数</title>
    <link href="Mycss.css" type="text/css" rel="stylesheet">
</head>
<body>
    <script>
        function demo(name,age){
            alert("Hello:"+name,"我的年龄是:"+age)
        }
    </script>
    <button onclick="demo('iwem',20)">按钮</button>
    <button onclick="demo('ime',20)">按钮</button>
</body>
</html>

捕获异常

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>异常捕获</title>
    <link href="Mycss.css" type="text/css" rel="stylesheet">
</head>
<body>
    <script>
        function demo(){
            try{
                alert(str);
            }catch(err){
                alert(err);
            }
        }
        demo();
    </script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>异常捕获</title>
    <link href="Mycss.css" type="text/css" rel="stylesheet">
</head>
<body>
    <form>
        <input id="txt" type="text">
        <input id="btn" type="button" onclick="demo()" value="按钮">
    </form>
    <script>
        function demo(){
            try{
                var c=document.getElementById("txt").value;
                if(c==""){
                    throw "请输入";
                }
            }catch (err){
                alert(err);
            }
        }
    </script>
</body>
</html>

DOM操作html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>DOM</title>
    <link href="Mycss.css" type="text/css" rel="stylesheet">
</head>
<body>
    <p>Hello</p>
    <button onclick="demo()">按钮</button>
    <script>
        function demo() {
            document.write();
        }
    </script>
</body>
</html>

DOM操作CSS

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="Mystye.css">
</head>
<body>
    <div  id="div"  class="div">
    hello
    </div>
    <button onclick="demo()">按钮</button>
    <script>
        function demo(){
            document.getElementById("div").style.background="blue";

        }
    </script>
</body>
</html>
.div{
    width:100px;
    height:100px;
    background-color: red;
}

EventListener

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="Mystye.css">
</head>
<body>
    <button onclick="btn">按钮</button>
    <script>
        document.getElementById("btn").addEventListener("click",function(){
            alert("hello")
        });
    </script>
</body>
</html>

事件流

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="Mystye.css">
</head>
<body>
    <div id="div">
        <button id="btn1"></button>
    </div>
</body>
</html>

事件处理

直接处理html5文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="Mystye.css">
</head>
<body>
    <div id="div">
        <button id="btn1" onclick="demo()">按钮</button>
    </div>
    <script>
        function demo(){
            alert("Hello")
        }
    </script>
</body>
</html>

DOM2级处理事件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="Mystye.css">
</head>
<body>
    <script>
        var btn1=document.getElementById("btn1");
        btn1.addEventListener("click",demo1);
        btn1.addEventListener("click",demo2);
        btn1.addEventListener("click",demo3);
        function demo1() {
            alert("DOM2级事件处理程序")
        }
        function demo2() {
            alert("DOM2级事件处理程序")
        }
        function demo3() {
            alert("DOM2级事件处理程序")
        }
        btn1.removeEventListener("click",demo2);
    </script>
</body>
</html>

创建对象

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="Mystye.css">
</head>
<body>
    <!创建对象>
    <script>
        people=new Object();
        people.name="iwen";
        people.age="30";
        document.write("name:"+people.name+",age"+people.age);
    </script>
</body>
</html>

字符串对象

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="Mystye.css">
</head>
<body>
    <!创建对象>
    <script>
        var str ="Hello World";
        document.write(str.length);
        document.write(str.indexOf("Hello"));
        document.write(str.match("hello1"));
        document.write(str.replace("world","jikexueyuan"));
        document.write(str.toUpperCase())
    </script>
</body>
</html>

数组对象

合并数组

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="Mystye.css">
</head>
<body>
    <!创建对象>
    <script>
        var a=["hello","world"];
        var b=["iwen","ime"];
        var c=a.concat(b);
        document.write(c);
    </script>
</body>
</html>

排序

 <script>
        var a=["5","2","4","3","1"];
        document.write(a.sort(function (a,b){
            return b-a;
        }));
    </script>

添加与翻转

<!创建对象>
    <script>
        var a=["a","b"];
            a.push("c");
        document.write(a);
        document.write(a.reverse());
    </script>

DOM操作HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="Mystye.css">
</head>
<body>
    <p name="pn">Hello</p>
    <p name="pn">Hello</p>
    <p name="pn">Hello</p>
    <p name="pn">Hello</p>
    <a id="aid" title=得到了a标签的属性">Hello</a>
    <a id="aid2">aid2</a>
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
    <div>
        <p id="pid">div的p元素</p>
    </div>
    <script>
        function getName(){
            var count=document.getElementsByTagName("p");
            alert(count.length);
            var p=count[2];
            p.innerHTML="world";
        }
        function getAttr(){
            var anode=document.getElementById("aid");
            var attr=anode.getAttribute("title");
            alert(attr);
        }
        function setAttr(){
            var anode=document.getElementById("aid2");
            anode.setAttribute("title","动态设置a的title属性");
            var attr=anode.getAttribute("title");
            alert(attr);
        }
        function getChildNode(){
            var childnode=document.getElementsByTagName("ul")[0].childNodes;
            alert(childnode.length);
            alert(childnode[0].nodeType);
        }
        function getParentNode(){
            var div=document.getElementById("pid");
            alert(div.parentNode.nodeName);
        }
        function getSize(){
            var width=document.documentElement.offsetWidth;
            var height=document.documentElement.offsetHeight;
            alert(width+","+height);
        }
        getSize();
    </script>
</body>
</html>

Window对象

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="Mystye.css">
</head>
    <button id="btn" onclick="btnClicked()">按钮</button>
    <script>
        //document.write(window.innerWidth+window.innerHeight)
        function btnClicked(){
            window.open("bioindex.html","windowname","height=200,width=200,top=200","left=100");
            window.close();
        }
    </script>
</body>
</html>

计时器对象

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="Mystye.css">
</head>
    <button id="btn" onclick="mywin()">按钮</button>
    <button id="btn" onclick="stopWin()">按钮</button>
    <script>
       var win;
       function mywin(){
           alert("Hello");
           win=setTimeout(function(){alert("hello")},3000);
       }
       function stopWin(){
           clearTimeout(win);
       }
    </script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="Mystye.css">
</head>
    <button id="btn" onclick="btnClicked()">按钮</button>
    <p id="ptime"></p>
    <script>
       var mytime=setInterval(function(){
           getTime();
       },1000);
       function getTime(){
           var d=new Date()
           var t=d.toLocaleTimeString();
           document.getElementById("ptime").innerHTML=t;
       }
       function stopTime(){
           clearInterval(mytime);
       }
    </script>
</body>
</html>

History对象

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="Mystye.css">
</head>
<body>
    <a href="bioindex.html">跳转到bioindex</a>
    <button id="btn" onclick="goob">按钮</button>
    <script>
        function goob(){
            history.forward();
        }
    </script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <button id="bin" onclick="goceshi()">按钮</button>
    <script>
        function goceshi(){
            history.back();
        }
    </script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="Mystye.css">
</head>
<body>
    <a href="bioindex.html">跳转到bioindex</a>
    <button id="btn" onclick="goob">跳转</button>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <form>
        <input type="text" id="username">
        <button id="btn" onclick="safe()">按钮</button>
    </form>
    <script>
        function safe(){
            var name=document.getElementById("username").value;
            if(name=="hello"){
                history.go(-1);
            }else{
                alert("输入错误");
            }
        }
    </script>
</body>
</html>

JS瀑布流实现

*{
    margin:0px;
    padding:0px;
}
#container{
    position:relative;
}
.box{
    padding:5px;
    float:left;
}
.box_img{
    padding:5px;
    border:1px solid #cccccc;
    box-shadow:0 0 5px  #cccccc;
    border-radius: 5px;
}
.box_img img{
    width:150px;
    height:auto;
}
.box_img img{
    width:150px;
    height:auto;
}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="Mystye.css">
    <script src="app.js"></script>
</head>
<body>
<div id="container">
    <div class="box">
        <div class="box_img">
            <img src="img/1.jpg">
        </div>
    </div>
    <div class="box">
        <div class="box_img">
            <img src="img/2.jpg">
        </div>
    </div>
    <div class="box">
        <div class="box_img">
            <img src="img/3.jpg">
        </div>
    </div>
    <div class="box">
        <div class="box_img">
            <img src="img/4.jpg">
        </div>
    </div>
    <div class="box">
        <div class="box_img">
            <img src="img/5.jpg">
        </div>
    </div>
    <div class="box">
        <div class="box_img">
            <img src="img/6.jpg">
        </div>
    </div>
    <div class="box">
        <div class="box_img">
            <img src="img/7.jpg">
        </div>
    </div>
    <div class="box">
        <div class="box_img">
            <img src="img/8.jpg">
        </div>
    </div>
    <div class="box">
        <div class="box_img">
            <img src="img/9.jpg">
        </div>
    </div>
    <div class="box">
        <div class="box_img">
            <img src="img/10.jpg">
        </div>
    </div>
</div>
</body>
</html>
window.onload=function(){
    imgLocation("container","box");
    imgLocation("container","box");
    var imgData={"data":[{"src":"2.jpg"},{"src":"3.jpg"},{"src":"4.jpg"},{"src":"5.jpg"},{"src":"6.jpg"}]};
    window.onscroll=function(){
        if(checkFlag()){
            var cparent =document.getElementById("container");
            for(var i=0;i<imgData.data.length;i++){
                var ccontent=document.createElement("div");
                ccontent.className="box";
                cparent.appendChild(ccontent);
                var boximg=document.createElement("div");
                boxing.className="box_img";
                ccontent.appendChild(boximg);
                var img=document.createElement("img");
                img.src="img/"+imgData.data[i].src;
                boximg.appendChild(img);
            }
            imgLocation("container","box");
        }
    }
}
function checkFlag(){
    var cparent=document.getElementById("container");
    var ccontent=getChildElement(cparent,"box");
    var lastContentHeight=ccontent[ccontent.length-1].offsetTop;
    var scrollTop=document.documentElement.scrollTop;
    var pageHeight=document.documentElement.clientHeight;
    if(lastContentHeight<scrollTop+pageHeight){
        return true;
    }
}
function imgLocation(parent,content){
    //将parent下多有的content全部取出
    var cparent=document.getElementById(parent);
    var ccontent=getChildElement(cparent,content);
    var imgWidth=ccontent[0].offsetWidth;
    var num=Math.floor(document.documentElement.clientWidth/imgWidth);
    cparent.style.cssText="wodth:"+ingWidth*cols+"px;margin:0 auto";
     var BoxHeightArr=[];
     for(var i=0;i<ccontent.length;i++){
         if(i<num){
             BoxHeightArr[i]=ccontent[i].offsetHeight;
             console.log(BoxHeightArr[i]);
         }
     }else{
         var minHeight=Math.min.apply(null,BoxHeightArr);
         var minIndex=getminHeightLocation(BoxHeightArr,minHeight);
         ccontent[i].style.position="absolute";
         ccontent[i].style.top=minHeight+"px";
         ccontent[i].style.left=ccontent[minIndex].offsetLeft+"px";
    }
}
function getminHeightLocation(BoxHeightArr,minHeight){
    for(var i in BoxHeightArr){
        if(BoxHeightArr[i]==minHeight){
            return i;
        }
    }
}
function getChildElement(parent,content){
    var contentArr=[];
    var allcontent=parent.getElementsByTagName("*");

    for(var i=0;i<allcontent.length;i++){
        if(allcontent[i].className==content){
            contentArr.push(allcontent[i]);
        }
    }
    return contentArr;
}

面向对象

//使用函数构造器构造对象
function People(name){
    this._name=name;
}
People.prototype.say=function(name){
    alert("peo-hello"+this._name);
}
function Student(name){
    this._name=name;
}
Student.prototype=new People();
var superSsay=Student.prototype.say;
Student.prototype.say=function(){
    alert("stu-hello"+this._name);
}
var s=new Student("iwen");
s.say();

面向对象的闭包操作，实现信息的隐藏

//使用函数构造器构造对象
(function(){
    var n="ime";
    function People(name){
        this._name=name;
    }
    People.prototype.say=function(){
        alert("peo-hello"+this._name+n);
    }
    window.People=People;
}());

(function(){
        function Student(name){
            this._name=name;
        }
        Student.prototype=new People();
        var superSsay=Student.prototype.say;
        Student.prototype.say=function(){
            alert("stu-hello"+this._name);
        }
        window.Student=Student;
    }()
)
var s=new Student("iwen");
s.say();

 

JiangCaifu
关注
专栏目录
JavaScript基础知识总结
qq_56756602的博客
08-21 664
基本语法（数量，数据类型和运算符）、逻辑分支语句、IF 条件分支结构、SWITCH 条件分支结构、三元运算（扩展）等、程序的三种结构、循环语句（while 、do-while 、for）及跳转语句（break与countinue的区别 ）计数器和break与continue的连用、document.write()等、JavaScript的函数、函数的封装（有参、无参、有无返回值的基本用法）、预解析、函数的作用域、变量使用规则、作用域链、递归函数以及简单的了解对象,数组的运用
最新Javascript 基础知识全总结(持续更新)
weixin_66092620的博客
04-17 9311
本人目前在黑马程序员培训,现将所学的知识整理出来,希望能帮到零基础的初学者,后续会持续更新~~~ 一,JavaScript 是什么 1, JavaScript 是什么 JavaScript 是一种运行在客户端（浏览器）的编程语言，实现人机交互效果 2, 作用 网页特效 (监听用户的一些行为让网页作出对应的反馈) 表单验证 (针对表单数据的合法性进行判断) 数据交互 (获取后台的数据, 渲染到前端) 服务端编程 (node.js) 3, JavaScript的组成 E...
Javascript 基础知识学习
岳来的博客
11-23 7334
javascript 基础学习
JavaScript基础知识
zhangzexiang66的博客
10-05 846
js获取元素 document get element by id 'link' 通过id连接获取文档元素  // document文档     get获取   element元素 document.getElementById('link'); link是html中id的名称 函数调用 1.直接调用 abc(); 2.事件调用   元素.事件 = fuction(){
JavaScript基础知识点
qq_40046544的博客
08-06 2027
JavaScript是一门完备的动态编程语言。当应用于HTML文档时，可为网站提供动态交互特性。由布莱登布兰登·艾克发明。字面量是用于表达源代码中的一个固定值的表示法字面量有数字字面量、字符串字面量、数组字面量、对象字面量等变量是计算机中用来存储数据的容器，简单理解是一个盒子。未定义是比较特殊的类型，只有一个值undefined只声明变量未赋值的情况下，变量的默认值为undefined简介：数组是一种可以按顺序保存数据的数据类型元素：数组中保存的每一个数据都叫做数组元素下标：数组中数据的编号。...
JavaScript的基础知识
dvhsf的博客
03-10 1299
1.JavaScript简介 以下注解可作为拓展材料： 1、脚本语言又被称为扩建的语言，或者动态语言，是一种编程语言，用来控制软件应用程序，脚本通常以文本（如ASCII)保存，只在被调用时进行解释或编译。 2、汇编语言（assembly language）是一种用于电子计算机、微处理器、微控制器或其他可编程器件的低级语言，亦称为符号语言。在汇编语言中，用助记符代替机器指令的操作码，用地址符号或标号代替指令或操作数的地址。在不同的设备中，汇编语言对应着不同的机器语言指令集，通过汇编过程转换成机器指令。特
js基础知识总结大全
yangsrc的博客
09-08 302
1.获得字符串的长度： 通过字符串1.变量length属性获得 字符串常用操作： 字符串长度：length属性。 截取子串：substr（）方法。 查找子串：lindexOF（）方法。 字符串连接运算符++=。 3.定义数组： – 方式一：通过[ ]方式 例：var arr1 = [‘a’,‘b’,‘c’]; – 方式二：通过new Array方式 var arr2 =new Array(‘a’,‘b’,‘c’); JavaScript：是一门基于对象的语言， 对象具有一些...
Js基础知识总结
qq_43403676的博客
04-25 3915
Js基础知识包括逻辑运算符、比较运算符、条件运算符数据类型等
JavaScript基础（详细总结）
热门推荐
程序员阿龙的博客
08-18 2万+
JavaScript基础入门详细总结
js基础知识点思维导图
11-29
以上是JavaScript基础知识点的部分概述，理解并掌握这些概念是成为合格的JS开发者的基础。通过持续学习和实践，可以深入探索更高级的主题，如AJAX、前端框架（如React、Vue）、Node.js后端开发等。
Javascript基础知识
11-17
本文将详细介绍JavaScript的基础知识，包括它的编程基础、工作原理、在HTML中的使用方法，以及数据类型、变量、常量、运算符、表达式、控制流程和数组等核心概念。 首先，JavaScript最初由Netscape公司开发，是一种...
Javascript基础知识整理.doc
11-27
Javascript基础知识整理 JavaScript是一种高级的、动态的、弱类型的编程语言，主要用于客户端脚本编程。它可以在浏览器中执行，实现网页的交互性和动态效果。本文将对JavaScript的基础知识进行整理和总结，包括脚本...
JavaScript基础知识整理
02-26
JavaScript是一种广泛应用于前端开发的直译式脚本语言，它基于对象、事件驱动，并具有安全性。JavaScript主要在浏览器环境中运行，被解释执行，用于增强网页的...了解并掌握这些基础知识，对于进行前端开发至关重要。
基于JavaScript的human-resource-backend后端开发源码设计
10-05
该项目是一款以JavaScript为主语言的HR（人力资源）后端开发源码，集成了Java、CSS、Vue和HTML等多种语言，共计1035个文件。具体文件构成如下：236个Java文件、179个JavaScript文件、104个PNG图片文件、59个CSS文件、56个Vue文件、54个GIF动画文件、42个类文件、41个XML文件、36个SVG文件、35个HTML文件。该后端系统旨在构建一个高效的人力资源管理平台。
基于Java的SpringCloud脚手架及Vue前端设计源码
10-05
该项目是一款基于Java的SpringCloud微服务架构的脚手架，同时融合了Vue前端技术。项目包含131个文件，其中Java源代码文件50个，Vue组件文件19个，JavaScript和HTML/CSS相关文件共计38个，XML配置文件13个，YAML文件8个，JSON文件4个，图片文件3个，Git忽略配置文件2个，Markdown文件2个，HTML文件2个。项目结构清晰，功能完善，适用于快速开发和部署微服务应用。
长治医学院在辽宁2020-2024各专业最低录取分数及位次表.pdf
10-05
那些年，与你同分同位次的同学都去了哪里？全国各大学在辽宁2020-2024年各专业最低录取分数及录取位次数据，高考志愿必备参考数据
留守儿童爱心网站 毕业设计 源码+数据库+论文（JAVA+SpringBoot+Vue.JS）.zip
最新发布
10-05
留守儿童爱心网站 毕业设计 源码+数据库+论文（JAVA+SpringBoot+Vue.JS） 启动教程：https://www.bilibili.com/video/BV11ktveuE2d
"JavaScript基础知识与编程语言总结
# JavaScript基础知识课堂笔记及补充总结...以上是我对JavaScript基础知识的总结，通过学习和总结，我对JS的基础知识有了更加全面和深入的理解。在今后的学习和工作中，我将继续深入学习JS，并不断完善自己的技术能力。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值