为了账号安全,请及时绑定邮箱和手机立即绑定

JavaScript进阶篇

难度入门
时长 8小时55分
学习人数
综合评分9.47
2557人评价 查看评价
9.7 内容实用
9.4 简洁易懂
9.3 逻辑清晰
  • <!DOCTYPE  HTML>
    <html >
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>流程控制语句</title>
    <script type="text/javascript">

     //第一步把之前的数据写成一个数组的形式,定义变量为 infos
     var infos=[['小A','女',21,'大一'],
        ['小B','男',23,'大三'],
        ['小C','男',24,'大四'],
        ['小C','男',24,'大四'],
        ['小D','女',21,'大一'],
        ['小E','女',22,'大四'],
        ['小F','男',21,'大一'],
        ['小G','女',22,'大二'],
        ['小H','女',20,'大三'],
        ['小I','女',20,'大一'],
        ['小J','男',20,'大三']
    ]
     
     //第一次筛选,找出都是大一的信息
     var infos_1=new Array()
     for(var i=0;i<=infos.length-1;i++)
         if (infos[i][3]=='大一'){
             infos_1.push(infos[i])
         }
     document.write(infos_1+'<br/>') ;
     //第二次筛选,找出都是女生的信息
     for(var n=0;n<=infos_1.length-1;n++){
            if(infos_1[n][1]=='女'){
              document.write(infos_1[n][0]+"<br/>");
            }
    }  
    </script>
    </head>
    <body>
    </body>
    </html>

    查看全部
    0 采集 收起 来源:编程练习

    2021-06-14

  •  var myarr1= new Array("86","010")

        var myarr2= new Array("84697581");

        var myarr3= myarr1.concat(myarr2);

        document.write(myarr3.join("-"));

    查看全部
  • <!DOCTYPE html>

    <html>

     <head>

      <title>浏览器对象</title>  

      <meta http-equiv="Content-Type" content="text/html; charset=gkb"/>   

     </head>

     <body>

      <!--先编写好网页布局-->

       <h1>操作成功</h1>

    <span id="second" >5</span>

      <span >秒后回到主页</span>

      <a href="javascript:back();" onclick="back()">返回</a>

      

      <script type="text/javascript">  


        var num=document.getElementById("second").innerHTML;

            //获取显示秒数的元素,通过定时器来更改秒数。


        function count()

            {

                num--;

                document.getElementById("second").innerHTML=num;

                if(num==1)

                {

                    window.location.assign("http://www.imooc.com/");

                }

            }

       //通过window的location和history对象来控制网页的跳转。

        function back()

        {

            setInterval("count()",1000);

            window.history.back();

       }


     </script> 

    </body>

    </html>

    查看全部
    0 采集 收起 来源:编程练习

    2021-06-09

  • <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>二维数组</title>
    <script type="text/javascript">
    var myarr=new Array();
    for (var i=0;i<3;i++){
        myarr[i]=new Array();
        for(var j=0;j<6;j++){
            myarr[i][j]=i*j;
            document.write(myarr[i][j])
        }
        document.write("<br>")
    }
    </script>
    </head>

    <body>
    </body>
    </html>


    for里面的参数要用分号!!!!

    查看全部
    0 采集 收起 来源:二维数组

    2021-06-06

  • <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>系好安全带,准备启航</title>
    <!--引入外部文件的方式-->
    
    <script type="text/javascript", src='script.js'>
    //多行注释
      我是多行注释!
      我需要隐藏,
      否则会报错哦!
    //在页面中显示文字
    //页面中弹出提示框
    //单行注释
       我是单行注释,我也要隐藏起来!
    
    </script>
    <input type="button" value="要开始了吗" onclick="show()" >
    </head>
    <body>
    </body>
    </html>


    script js

    document.write('系好安全带,准备启航--目标JS'+'<br>');
    function show(){
        alert('准备好了,起航吧!')
    }


    查看全部
    0 采集 收起 来源:编程练习

    2021-06-06

  • <!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 promote(){
        var showwindow=confirm('关注js高级篇')
        if (showwindow=true){
            alert('关注成功')
        }
    }
    </script>
    <input name="button" type="button"
    onclick="promote()" value="JS进阶篇" />

    </head>
    <body>
    </body>
    </html>

    查看全部
    0 采集 收起 来源:让你认识JS

    2021-06-06

  • window 对象方法

    http://img1.sycdn.imooc.com//60b49e90000122d208330704.jpg

    查看全部
    0 采集 收起 来源:window对象

    2021-06-01

  • http://img1.sycdn.imooc.com//60b42f1e000190ea05530813.jpg    循环语句

    http://img1.sycdn.imooc.com//60b42f1e000154e505920835.jpg

    http://img1.sycdn.imooc.com//60b42f1e0001ce3205600664.jpg

    http://img1.sycdn.imooc.com//60b42f1f0001158205630726.jpg

    http://img1.sycdn.imooc.com//60b42f1f00014fba05590683.jpghttp://img1.sycdn.imooc.com//60b42f1f0001ce1705520807.jpghttp://img1.sycdn.imooc.com//60b42f1f0001ce1705520807.jpg

    http://img1.sycdn.imooc.com//60b42f1f00019b4105930778.jpg

    查看全部
  • location对象来获取或设置窗体的URL,并可以用于解析URL

    window.location.[属性/方法]

    属性值:hash 设置或返回从#开始的URL

                host 设置或返回主机名和当前URL的端口号

                  hostname 设置或返回当前URL的主机名

                 href 设置或返回完整的URL

    查看全部
    0 采集 收起 来源:Location对象

    2021-05-28

  • history对象是来记录用户曾经浏览过的页面

    window.history.[属性/方法]   

    属性值:length,获取浏览器历史列表中URL的数量

    方法值:back(),加载history列表中的前一个URL

    forward(),加载history列表中的下一个URL

    go(),加载到history列表中的某个具体的页面

    查看全部
    0 采集 收起 来源:History 对象

    2021-05-28

  • setTimeout():实现计数器

    clearTimeout():停止计时器

    查看全部
  • 数组的方法

    http://img1.sycdn.imooc.com//60b0629e0001abd706490752.jpg

    查看全部
    0 采集 收起 来源: Array 数组对象

    2021-06-01

  • http://img1.sycdn.imooc.com//60b0533500017b2305780650.jpg        数组

    http://img1.sycdn.imooc.com//60b053350001428d05350720.jpg

    http://img1.sycdn.imooc.com//60b053350001aa4205580734.jpg

    查看全部
  •                             Math对象属性

    http://img1.sycdn.imooc.com//60af60c6000153fc06480342.jpg

                                Math 对象方法

    http://img1.sycdn.imooc.com//60af60e90001122c06460781.jpg

    查看全部
    0 采集 收起 来源:Math对象

    2021-06-01

举报

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

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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