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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 1.创建的新数组是空数组,没有值,如输出,则显示undefined。
    2.虽然创建数组时,指定了长度,但实际上数组都是变长的,也就是说即使指定了长度为8,仍然可以将元素存储在规定长度以外。

    查看全部
  • 操作符之间的优先级(高到低):

    算术操作符 比较操作符 逻辑操作符 "="赋值符号

    如果同级的运算是按从左到右次序进行,多层括号由里向外。


    查看全部
  • 逻辑与操作符值表:

    注意: 如果A为假,A && B为假,不会在执行B; 反之,如果A为真,要由 B 的值来决定 A && B 的值。


    查看全部
  • 网页尺寸scrollHeight

    scrollHeight和scrollWidth,获取网页内容高度和宽度。

    浏览器兼容性

    var w=document.documentElement.scrollWidth
       || document.body.scrollWidth;
    var h=document.documentElement.scrollHeight
       || document.body.scrollHeight;

    注意:区分大小写

    scrollHeight和scrollWidth还可获取Dom元素中内容实际占用的高度和宽度。


    查看全部
  • 在不同浏览器都实用的 JavaScript 方案:

    var w= document.documentElement.clientWidth
          || document.body.clientWidth;
    var h= document.documentElement.clientHeight
          || document.body.clientHeight;


    查看全部
  • var otest = document.getElementById("test");  

        var newnode=document.createElement("li");

        newnode.innerHTML="PHP";

        otest.insertBefore(newnode,otest.childNodes[1]);

    查看全部
  •   var otest = document.getElementById("test");  
      var newnode = document.createElement("li");
      var newtext= document.createTextNode("PHP"); 
      newnode.appendChild(newtext); 
      otest.appendChild(newnode);

    查看全部
  • function get_previousSibling(n)

    {

    var x=n.previousSibling;

    while (x && x.nodeType!=1)

    {

    x=x.previousSibling;

    }

    return x;

    }

    查看全部
    0 采集 收起 来源:访问兄弟节点

    2018-07-04

  • <!DOCTYPE  HTML>

    <html >

    <head>

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

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

    <script type="text/javascript">

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

      var mydate=new Date();

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

      document.write(mydate.getFullYear()+"年");

      document.write(mydate.getMonth()+"月");

      document.write(mydate.getDate()+"日"+" ");

      document.write(myweek[mydate.getDay()]+"<br>");

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

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

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

      //[小明,:,87]

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

     var sum=0;

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

      sum+=parseInt(myarr[i].substr(myarr[i].indexOf(":")+1));

     }

    document.write(sum+"<br>");

    document.write(Math.round(sum/myarr.length));

    </script>

    </head>

    <body>

    </body>

    </html>


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

    2018-07-04

  • 返回最后一个字符的代码是:

    mystr.length-1

    查看全部
  • <!DOCTYPE html>

    <html>

     <head>

      <title> 事件</title>  

      <script type="text/javascript">

       function count(){

           

        //获取第一个输入框的值

    //获取第二个输入框的值

    //获取选择框的值

    //获取通过下拉框来选择的值来改变加减乘除的运算法则

        //设置结果输入框的值 

        var a=document.getElementById("txt1").value;

        var b=document.getElementById("txt2").value;

        var c=document.getElementById("select").value;

         var sum;

         switch(c){

             case "+":sum=parseFloat(a)+parseFloat(b); break;

             case "-":sum=a-b;break;

             case "*":sum=a*b;break;

             case "/":sum=a/b;break;

         }

        document.getElementById("fruit").value=sum;

       }

      </script> 

     </head> 

     <body>

       <input type='text' id='txt1' /> 

       <select id='select'>

    <option value='+'>+</option>

    <option value="-">-</option>

    <option value="*">*</option>

    <option value="/">/</option>

       </select>

       <input type='text' id='txt2' /> 

       <input type='button' value=' = ' onclick="count()" /> <!--通过 = 按钮来调用创建的函数,得到结果--> 

       <input type='text' id='fruit' />   

     </body>

    </html>


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

    2018-07-04

  • <!DOCTYPE html>

    <html>

    <head>

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

    <title>string对象 </title>

    <script type="text/javascript">

      var mystr="Hello World!"

      document.write(mystr.indexOf("o",(mystr.indexOf("o")+1)));

    </script>

    </head>

    <body>

    </body>

    </html>


    查看全部
  • <!DOCTYPE html>

    <html>

     <head>

      <title> 事件</title>  

      <script type="text/javascript">

       function count(){

           

        //获取第一个输入框的值

        var a=document.getElementById("txt1").value;


    //获取第二个输入框的值

    var b=document.getElementById("txt2").value;

    //获取选择框的值

    var c=document.getElementById("select").value;

    //获取通过下拉框来选择的值来改变加减乘除的运算法则

    var x="";

    switch(c){

    case "+": x=parseInt(a) + parseInt(b);break;

    case "-": x=parseInt(a) - parseInt(b);break;

    case "*": x=parseInt(a) * parseInt(b);break;

    case "/": x=parseInt(a) / parseInt(b);

    }

        //设置结果输入框的值 

        document.getElementById("fruit").value=x;

       }

      </script> 

     </head> 

     <body>

       <input type='text' id='txt1' /> 

       <select id='select'>

    <option value='+'>+</option>

    <option value="-">-</option>

    <option value="*">*</option>

    <option value="/">/</option>

       </select>

       <input type='text' id='txt2' /> 

       <input type='button' value=' = ' onclick="count()"> <!--通过 = 按钮来调用创建的函数,得到结果--> 

       <input type='text' id='fruit' >   

     </body>

    </html>


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

    2018-07-04

  • _blank  :在新窗口中打开链接

    _parent  :在父窗口中打开链接

    _self  :在当前窗体打开链接,此为默认值

    _top  :在当前窗体打开链接,并替换当前的整个窗体(框架页)

    _一个对应的框架页的名称  :在对应框架中打开

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

    2018-07-04

举报

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

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