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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • var mymoney,sum=0;//mymoney变量存放不同面值,sum总计
    for(mymoney=1;mymoney<=10;mymoney++)
    {
      sum= sum + mymoney;
    }

    查看全部
  • 从窗口被打开的那一刻开始记录,每个浏览器窗口、每个标签页乃至每个框架,都有自己的history对象与特定的window对象关联。

    语法:

    window.history.[属性|方法]

    注意:window可以省略。

    History 对象属性

    History 对象方法


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

    2018-12-22

  • 经过测试,当点击n此start按钮,调用n此startCount函数后,i的值每过一次设定的延迟时间,都会为正常值的n倍增长,若想停止,则需点击n次stop按钮,即调用与调用start函数一样多的stio函数才会停止增长!!!

    查看全部
  • var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";
    var myarr=new Array();
    var myarr=scoreStr.split(";",10);
    var sum=0
    for(i=0;i<myarr.length;i++){
        var index=myarr[i].indexOf(":",);
         a=parseInt(myarr[i].substring(index+1));
        document.write(a+"<br />");
        sum=sum+a
    
    }
    document.write(sum);
    sum=sum+a  可以让每个分数迭加;
    myarr[i]表示数组的元素,所以indexOf(":")每个都是2。


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

    2018-12-21

  • 选中和不选中复选框的方法是:

    obj.checked=ture

    or

    obj.checked=false

    查看全部

  • <!DOCTYPE HTML>

    <html>

        <head>

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

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

        </head>

        

        <body>

            <form>

              请选择你爱好:<br>

              <input type="checkbox" name="hobby" id="hobby1">  音乐

              <input type="checkbox" name="hobby" id="hobby2">  登山

              <input type="checkbox" name="hobby" id="hobby3">  游泳

              <input type="checkbox" name="hobby" id="hobby4">  阅读

              <input type="checkbox" name="hobby" id="hobby5">  打球

              <input type="checkbox" name="hobby" id="hobby6">  跑步 <br>

              <input type="button" value = "全选" onclick = "checkall();">

              <input type="button" value = "全不选" onclick = "clearall();">

              <p>请输入您要选择爱好的序号,序号为1-6:</p>

              <input id="wb" name="wb" type="text" >

              <input name="ok" type="button" value="确定" onclick = "checkone();">

            </form>

            <script type="text/javascript">

            function checkall(){

                var hobby = document.getElementsByTagName("input");

            var i=0

            for(i=0;i<hobby.length;i++)

    {

            if(hobby[i].type=="checkbox")

            {

                hobby[i].checked=true

            }

            else

            {

            }

    }   

            }

            function clearall()

    {

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

            var t=0

            for(t=0;t<hobby.length;t++)

        {

            if(hobby[t].type=="checkbox")

            {

                hobby[t].checked=false

            }

            else

            {}

        }

    }

            function checkone(){

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

            var hobby=document.getElementsByName("hobby")

            hobby[j-1].checked=true

            }

            </script>

        </body>

    </html>


    查看全部
  • JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。

    比如说,当用户单击按钮或者提交表单数据时,就发生一个鼠标单击(onclick)事件,需要浏览器做出处理,返回给用户一个结果。

    主要事件表:


    查看全部
    0 采集 收起 来源:什么是事件

    2018-12-21

  • 代码笔记:

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

    2018-12-21

  • 1. screen.availWidth 属性返回访问者屏幕的宽度,以像素计,减去界面特性,比如任务栏。

    2. screen.availHeight 属性返回访问者屏幕的高度,以像素计,减去界面特性,比如任务栏。


    查看全部
  • window.screen 对象包含有关用户屏幕的信息。
    1. screen.height 返回屏幕分辨率的高
    2. screen.width 返回屏幕分辨率的宽
    注意:
    1.单位以像素计。
    2. window.screen 对象在编写时可以不使用 window 这个前缀。

    查看全部
  • 语法:

    window.screen.属性

    对象属性:

    5354d2810001a47706210213.jpg

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

    2018-12-21

  • 语法

    navigator.userAgent
    var u_agent = navigator.userAgent; 
     if(){ 
     ...
     }


    查看全部
    0 采集 收起 来源:userAgent

    2018-12-21

  • 设置时间方法

    <!DOCTYPE html>

    <html>

    <head>

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

    <title>日期对象 </title>

    <script type="text/javascript">

     var mydate=new Date();

     //获取当前时间

      document.write("当前时间:"+mydate+"<br>");

      mydate.setTime( mydate.getTime() + 2* 60 * 60 * 1000);

      //获取当前时间的小时

      document.write("推迟二小时时间:" + mydate);

    </script>

    </head>

    <body>

    </body>

    </html>


    查看全部
  • Navigator 对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本。

    对象属性:

    5354cff70001428b06880190.jpg

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

    2018-12-21

  • for语句结构:

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


    查看全部

举报

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

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