为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
JavaScript进阶篇_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>计时器</title>
    <script type="text/javascript">
      var num=0;
      function startCount() {
        document.getElementById('count').value=num;
        num=num+1;
          setTimeout("startCount()",5000);
      }
       setTimeout("startCount()",5000);
    </script>
    </head>
    <body>
    <form>
    <input type="text" id="count" />
    <input type="button" value="start" onlick="startCount()">
    </form>
    </body>
    </html>

    //自定义计数

    查看全部
  • <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>计时器</title>
    <script type="text/javascript">
       function clock(){
          var time=new Date();                 
          document.getElementById("clock").value = time;
         
       }
    var i = setInterval("clock()",1000);
     

    </script>
    </head>
    <body>
      <form>
        <input type="text" id="clock" size="50"  />
        <input type="button" value="Stop" onclick="clearInterval(i)" />
       
      </form>
    </body>
    </html>

    计时


    j
    查看全部
  •  <script type="text/javascript">
            function checkall(){
                var hobby = document.getElementsByTagName("input");
                for(var i=0;i<hobby.length;i++){
                    hobby[i].checked=true;
                }
              // 任务1
              
            }
            function clearall(){
                var hobby = document.getElementsByName("hobby");
                for(var i=0;i<hobby.length;i++){
                    hobby[i].checked=false;
                }
             // 任务2   
               
            }
           
            function checkone(){
                clearall();
        
                var j=document.getElementById('wb').value;
                if(parseInt(j)<1||parseInt(j)>6||j==""){
                    alert("数组越界或者内容为空错误!");
                    document.getElementById('wb').value="";
                }else{
                    document.getElementById('hobby'+j).checked=true;
                }
             // 任务3
           
            }
           
            </script>



    查看全部
  • while 和 for 的循环格式不一样,不能用混了

    for循环在()里面,for(i=0;i<mynum.length;i++){

    }

    while循环i++应该放在while()括号外面,像这样

    while(i<mynum.length){

    i++;

    }

    查看全部
    0 采集 收起 来源:退出循环break

    2018-05-24

  • get/setFullYear() 返回/设置年份,用四位数表示。

    var mydate=new Date();//当前时间2014年3月6日document.write(mydate+"<br>");//输出当前时间document.write(mydate.getFullYear()+"<br>");//输出当前年份mydate.setFullYear(81); //设置年份document.write(mydate+"<br>"); //输出年份被设定为 0081年。


    查看全部
  • do...while语句执行的时候,是循环体得至少先执行一次后再做判断执行,

    查看全部
  • 运行的结果为:

    https://img1.sycdn.imooc.com//5b068dd30001a88306810459.jpg

    查看全部
  • 多重语句判断的时候;
    if(条件1){ 条件1成立时执行的代码}
    else  if(条件2){ 条件2成立时执行的代码}
    ...
    else  if(条件n){ 条件n成立时执行的代码}
    else{ 条件1、2至n不成立时执行的代码}


    查看全部
  • 定义一个时间对象 :

    var Udate=new Date();

    注意:使用关键字new,Date()的首字母必须大写。 

    如果要自定义初始值,可以用以下方法:

    var d = new Date(2012, 10, 1);  //2012年10月1日var d = new Date('Oct 1, 2012'); //2012年10月1日
    Date对象中处理时间和日期的常用方法:


    查看全部
    0 采集 收起 来源: Date 日期对象

    2018-05-24

  • 需要注意这里的true是布尔值,不需要加引号,否则会变成文本值

    查看全部
  • 运行的结果为:

    https://img1.sycdn.imooc.com//5b068d010001556a06130520.jpg

    查看全部
  • https://img1.sycdn.imooc.com//5b068cc7000171fd05670449.jpg在script标签内,使用random ()方法和round(),计算不大于10的整数。

    查看全部
    0 采集 收起 来源:随机数 random()

    2018-05-24

  • if...else语句的用法如下:
    if(条件)
    { 条件成立时执行的代码}
    else
    {条件不成立时执行的代码}


    查看全部
  • 对象的属性:反映该对象某些特定的性质的,如:字符串的长度、图像的长宽等;

    对象的方法:能够在对象上执行的动作。例如,表单的“提交”(Submit),时间的“获取”(getYear)等;

    JavaScript 提供多个内建对象,比如 String、Date、Array 等等,使用对象前先定义,如下使用数组对象:

      var objectName =new Array();//使用new关键字定义对象或者
      var objectName =[];

    访问对象属性的语法:

    objectName.propertyName

    如使用 Array 对象的 length 属性来获得数组的长度:

    var myarray=new Array(6);//定义数组对象var myl=myarray.length;//访问数组长度length属性

    以上代码执行后,myl的值将是:6

    访问对象的方法:

    objectName.methodName()

    如使用string 对象的 toUpperCase() 方法来将文本转换为大写:

    var mystr="Hello world!";//创建一个字符串var request=mystr.toUpperCase(); //使用字符串对象方法


    查看全部
    0 采集 收起 来源:什么是对象

    2018-05-24

  • for语句结构:

    for(初始化变量;循环条件;循环迭代)
    {     
        循环语句 
     }


    查看全部

举报

0/150
提交
取消
课程须知
你需要具备HTML、css基础知识,建议同学们也可以想学习下js入门篇,快速认识js,熟悉js基本语法,更加快速入手进阶篇!
老师告诉你能学到什么?
通过JavaScript学习,掌握基本语法,制作简单交互式页面
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!