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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 判断是否为复选框:

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

    自动选上选项:

    hobby[i].checked=true(or false);


    查看全部
  • 我们把内容所在的框称为div1,把滚动条的框称为div2,把浏览器窗口称作div.然后根据课程里的图片。div>div1>div2。然后,只有在div2的窗口中出现的内容才能被人们看见,而滚动条的作用就是改变div2在div1中的位置。所以scorllTop显示的是滚动窗的顶部距离内容框顶部之间的距离。 offsetTop则是这个滚动框顶部与当前浏览器窗口的顶部的距离,因为浏览器窗口就这么大。滚动条相对于浏览器窗口位置是固定的。可以参照下fixed那种定位。所以无论怎么弄滚动条,offsetTop的值就是固定的。

    查看全部
  • body是DOM对象里的body子节点,即 <body> 标签; documentElement 是整个节点树的根节点root,即<html> 标签;

    查看全部
  • !DOCTYPE  HTML>

    <html >

    <head>

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

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


    <script type="text/javascript">


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

       var d = new Date();

       weekend=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"]

      document.write(d.getFullYear()+"年"+d.getMonth()+"月"+d.getDate()+"日&nbsp"+weekend[d.getDay()]+"<br/>" );


      

      

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

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

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

    for(var i=0,sum=0;i<arr1.length;i++){

        //sum=sum+arr1[i]

        sum += parseInt(arr1[i].substr(arr1[i].indexOf(":")+1)); //indexOf()是检索字符的方法,返回指定字符的位置。

                                                                //位置+1,就是到了数字的位置。然后用sbustr()方法

                                                                //提取字符出来,前面已经给出了位置,实际提取了学生分数。

    }

    document.write("班级平均分是:"+sum);

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

      


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

    2018-03-24

  • 当用户退出页面时(页面关闭、页面刷新等),触发onUnload事件,同时执行被调用的程序。

    注意:不同浏览器对onunload事件支持不同。


    查看全部
  • 内容选中事件(onselect)

    选中事件,当文本框或者文本域中的文字被选中时,触发onselect事件,同时调用的程序就会被执行。


    查看全部
  • 创建标签  p p.classname="message"表示采用message来作为p标签的样式表

    查看全部
  • 鼠标移开事件,当鼠标移开当前对象时,执行onmouseout调用的程序。

    查看全部
  • 鼠标经过事件,当鼠标移到一个对象上时,该对象就触发onmouseover事件,并执行onmouseover事件调用的程序。

    查看全部
  • 在网页中,如使用事件,就在该元素中设置事件属性。

    查看全部
  • onclick是鼠标单击事件,当在网页上单击鼠标时,就会发生该事件。同时onclick事件调用的程序块就会被执行,通常与按钮一起使用。

    查看全部
  • <!DOCTYPE  HTML>

    <html >

    <head>

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

    <title>数组</title>

    <script type="text/javascript">

     var arr=['*','##',"***","&&","****","##*"];//创建数组

     arr[7]="**";

     //显示数组长度

     //删除数组中非*的项

    var i = 0;

    var l = arr.length;

    for(; i < l; i++)

    {

        var val = arr[i];

        if(val != undefined)

        {

            var new_arr = val.split('');

            var newl = new_arr.length;

            for(var j = 0; j < newl; j++)

            {

                if(new_arr[j] != '*')

                {

                    arr.splice(i,1);

                    break;

                }

            }

        }

    }


    arr.sort();




     for(var i=0; i <= 7  ; i++)

     {

         if( arr[i] != undefined)

         document.write(arr[i]+"<br/>");

     }

     

     

     //将数组内容输出,完成达到的效果。

     //创建数组

     

     //显示数组长度

     

     

     //将数组内容输出,完成达到的效果。



    </script>

    </head>


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

    2018-03-24

  • 通过元素节点的属性名称获取属性的值。

    语法:

    elementNode.getAttribute(name)


    查看全部
  • <!DOCTYPE html>
    <html>
     <head>
      <title> 事件</title> 
      <script type="text/javascript">
       function count(){
        var t1 = parseInt(document.getElementById("txt1").value); 
        var t2 =parseInt(document.getElementById("txt2").value);
            var t3 = document.getElementById("select").value;
            var sum = "";
            switch(t3){
                case "+":
                sum = t1 + t2;   
                 break;
                 case "-":
                sum = t1 - t2;   
                 break;
                 case "*":
                sum = t1 * t2;   
                 break;
                 case "/":
                sum = t1/t2;   
                 break;  
            }
           document.getElementById("fruit").value=sum ;
       }
      </script>
     </head>
     <body>
       <input type='text' id='txt1' value="5"/>
       <select id='select'>
      <option value='+'>+</option>
      <option value="-">-</option>
      <option value="*">*</option>
      <option value="/">/</option>
       </select>
       <input type='text' id='txt2' value="5"/>
       <input type='button' value=' = ' onclick="count()" /> <!--通过 = 按钮来调用创建的函数,得到结果-->
       <input type='text' id='fruit' />  
     </body>
    </html>

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

    2018-03-24

  • 返回带有指定标签名的节点对象的集合。返回元素的顺序是它们在文档中的顺序。

    语法:

    document.getElementsByTagName(Tagname)


    查看全部

举报

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

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