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

JavaScript进阶篇

难度入门
时长 8小时55分
学习人数
综合评分9.47
2557人评价 查看评价
9.7 内容实用
9.4 简洁易懂
9.3 逻辑清晰
  • 算术操作符 → 比较操作符 → 逻辑操作符 → "="赋值符号

    查看全部
  • <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(){

                var j=document.getElementById("wb").value;

                if(parseInt(j) > 6 || parseInt(j) <1)

                {

                    alert("请输入1~6的数字")

                }

             // 任务3

                var hobby = document.getElementsByName("hobby");

                hobby[parseInt(j)-1].checked=true;

            }

            

            </script>

    查看全部
  • <!DOCTYPE html>

    <html>

     <head>

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

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

     </head>

     <body>

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

      <p>操作成功</p>

      <div>

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

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

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

      </div>

     

      <script type="text/javascript">  

       var time = document.getElementById("time").innerHTML;

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

       function count()

       {

           time--;

           document.getElementById("time").innerHTML=time;

           if(time == 0)

           {

               location.assign("www.imooc.com");

           }

       }

       setInterval("count()",1000);

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

       function back()

       {

           window.history.back();

       }

     </script> 

    </body>

    </html>

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

    2021-03-02

  • location 对象方法:
    assign() - 加载新的文档
    reload() - 重新加载当前文档
    replace() - 用新的文档替换当前文档

    location.assign和location.replace的区别是什么?
    window.location.assign(url) : 加载 URL 指定的新的 HTML 文档。就相当于一个链接,跳转到指定的url,当前页面会转为新页面内容,可以点击后退返回上一个页面。
    window.location.replace(url) : 通过加载 URL 指定的文档来替换当前文档,这个方法是替换当前窗口页面,前后两个页面共用一个窗口,所以是没有后退返回上一页的

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

    2021-03-02

  • 1.刷新当前页面:
         方法一:window.location.href=window.location.href; window.location.reload();
         方法二:location.reload(true);    //true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新")
                 location.reload(false);   //可选参数, 默认为 false,从客户端缓存里取当前页
    2.刷新ifram的方法:
         
           方法一://子窗口刷新父窗口
    <script language=JavaScript>
       self.opener.location.reload();
    </script>   ( 或 <a href="javascript:opener.location.reload()">刷新</a>   )

           方法二://刷新另一个框架的页面用  
                           <script language=JavaScript>  parent.另一FrameID.location.reload();</script>
            方法三://刷新父窗口:
                                 window.opener.location.href=window.opener.location.href;
                                   window.opener.location.reload();
    3:javascript返回上一页并自动刷新
                        document.referrer //前一个页面的URL
    方法一: location.href = document.referrer;

    方法二:返回并刷新页面:
    location.replace(document.referrer);   //被replace的页面每次都在服务端重新生成。

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

    2021-03-02

  • <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>无标题文档</title>

    <script type="text/javascript">

            function GoBack() {

                window.history.back();

            }

           

    </script>

    </head>

     


    <body>

    点击下面的锚点链接,添加历史列表项:

        

        <br />

        <a href="#target1">第一个锚点</a>

        <a name="target1"></a>

        <br />

        <a href="#target2">第二个锚点</a>

        <a name="target2"></a>

        <br /><br />

        使用下面按钮,实现返回前一个页面:

        <form>

           <input type="button"  value="返回前一个页面" onclick="GoBack();" />        

        </form>

    </body>

    </html>

    查看全部
  • <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>计时器</title>


    <script type="text/javascript">

      var num=0;

      var i;

      function startCount(){

        document.getElementById('count').value=num;

        num=num+1;

        i=setTimeout("startCount()",1000);

      }

      function stopCount(){

      clearTimeout(i);

      }

    </script>

    </head>

    <body>

      <form>

        <input type="text" id="count" />

        <input type="button" value="Start" onclick="startCount()" />

        <input type="button" value="Stop" onclick="stopCount()"  />

      </form>

    </body>

    </html>

    查看全部
  • <!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()",1000);

      }

    </script>

    </head>

    <body>

    <form>

    <input type="text" id="count" onclick="startCount()" />

    </form>

    </body>

    </html>

    查看全部
    1. 用update来获取时间,再新建一个周一到周末的数组,最后输出update.get(年月日的函数)

    2. 利用分割";"之后存到scoreArr数组里

    3. 最后,先创建一个储存的总和score,利用for循环来把scoreArr里的成绩利用substring提取字符串再放在parseInt里取整再赋值给score,输入再相除,取得平均成绩。

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

    2021-03-02

  • <!DOCTYPE  HTML>

    <html >

    <head>

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

    <title>系好安全带,准备启航</title>


    <script type="text/javascript">


      //通过javascript的日期对象来得到当前的日期,并输出。

      var update = new Date();

      var weekday=["星期一","星期二","星期三","星期四","星期五","星期六","星期日"];

      document.write(update.getFullYear() + "年" + (update.getMonth())+1 + "月" + update.getDate() + "日" + weekday[update.getDay()] + "<br />");

      

      

      //成绩是一长窜的字符串不好处理,找规律后分割放到数组里更好操作哦

      var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";

      var scoreArr = scoreStr.split(";");



      //从数组中将成绩撮出来,然后求和取整,并输出。

      var score=0;

      for(var i = 0;i<socreArr.length;i++)

      {

        score+ = parseInt(scroeArr[i].substring(3));

      }

      document.write("--班级的平均成绩是:" + score/scoreArr.length);

    </script>

    </head>

    <body>

    </body>

    </html>

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

    2021-03-02

举报

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

微信扫码,参与3人拼团

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

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