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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
    1. 字符串中第一个字符的下标是 0。最后一个字符的下标为字符串长度减一(string.length-1)。


    查看全部
  • toUpperCase() 方法来将字符串小写字母转换为大写:

    var mystr="Hello world!";
    var mynum=mystr.toUpperCase();

    使用toLowerCase()方法,将字符串所有大写字母都变成小写的字符串。

    查看全部
  • 如果 start 比 stop 大,那么该方法在提取子串之前会先交换这两个参数。

    查看全部
  • window.screen.属性 用于获取用户的屏幕信息

    avaiHeight  窗口可以使用的屏幕高度,单位像素;

    avaiWidth 窗口可以使用的屏幕宽度,单位像素;

    colorDepth 用户浏览器表示的颜色位数,通常为32位;

    pixelDepth 用户浏览器表示的颜色位数,通常为32位(IE不支持此属性)

    height 屏幕的高度,单位像素;

    width 屏幕的宽度,单位像素;

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

    2019-08-23

  • 虽然创建数组时,指定了长度,但实际上数组都是变长的,也就是说即使指定了长度为8,仍然可以将元素存储在规定长度以外。

    查看全部
  • (++a)使用(a+1)后的值

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

    2019-08-22

  • (numa>numb||numa==numb)输出布尔值

    查看全部
  • <!DOCTYPE HTML>

    <head>

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

    </head>

    <body>

     <script type="text/javascript">

    var w= document.documentElement.offsetWidth

        || document.body.offsetWidth;

    var h= document.documentElement.offsetHeight

        || document.body.offsetHeight;

        document.write(w+"<br>"+h);

    </script>

    </body>

    </html>

    谷歌:1366/8

    查看全部
  • <!DOCTYPE HTML>

    <html>

    <head>

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


    </head>

    <body>

    <script type="text/javascript">

    var w=document.documentElement.scrollWidth;

    var h=document.documentElement.scrollHeight;

     doucument.write(w+"<br>"+h);

    </script>

    </body>    

    </html>

    在谷歌中的结果是:1366/663


    查看全部
  • <!DOCTYPE HTML>

    <html>

    <head>

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

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

    <style type="text/css">


    .message{    

    width:200px;

    height:100px;

    background-color:#CCC;}

    </style>

    </head>

    <body>

    <script type="text/javascript">

        var element = document.createElement("div");

        element.className = "message";

        var textNode = document.createTextNode("I love JavaScript!");

        element.appendChild(textNode);

        document.body.appendChild(element);



    </script> 


    </body>

    </html>


    查看全部
  • <!DOCTYPE HTML>

    <html>

    <head>

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

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

    </head>

    <body>

    <script type="text/javascript">

    var main = document.body;

    //创建链接

    function createa(url,text)

    {

        var x=document.createElement("a");

    x.href=url;

    x.innerHTML=text;

    x.style.color="red";

    main.appendChild(x); 

    }

    // 调用函数创建链接

    createa("https://www.imooc.com","慕课网");


    </script> 

    </body>

    </html>



    查看全部
  • 使用JS完成一个简单的计算器功能。实现2个输入框中输入整数后,点击第三个输入框能给出2个整数的加减乘除。

    提示:获取元素的值设置和获取方法为:例:赋值:document.getElementById(“id”).value = 1; 取值:var = document.getElementById(“id”).value;


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

    2019-08-22

  • <!DOCTYPE HTML>

    <html>

    <head>

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

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

    </head>


    <body>

    <div id="content">

      <h1>html</h1>

      <h1>php</h1>

      <h1>javascript</h1>

      <h1>jquery</h1>

      <h1>java</h1>

    </div>


    <script type="text/javascript">

    function clearText() {

      var content=document.getElementById("content");

      // 在此完成该函数

      var x = content.removeChild(content.childNodes[1]);

     // document.write("删除的节点的内容:"+x.innerHTML);

    }

    </script>


    <button onclick="clearText()">清除节点内容</button>




    </body>

    </html>


    查看全部
  • <!DOCTYPE HTML>

    <html>

    <head>

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

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

    </head>

    <body>


    <ul id="test">

      <li>JavaScript</li>

      <li>HTML</li>

    </ul> 

     

    <script type="text/javascript">

      

      var otest = document.getElementById("test");  

    //  var newnode = document.createElement("p");

      newnode.innerHTML="PHP";

      //appendChild增加节点

      otest.appendChild(newnode);

              

    </script> 


    </body>

    </html>


    查看全部


  • prompt返回数据类型是字符串。如果没有添加字符转换(parseInt:转换为int类型。也可以转换为其他类型)  sum不是x、y、z求和,而是合并相加

    https://img1.sycdn.imooc.com//5d5de27400017b5b04420317.png




    查看全部
    0 采集 收起 来源:有参数的函数

    2019-08-22

举报

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

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