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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 注意:JS区分大小写,同时也需要注意方法、属性、变量等的大小写。

    切记:请在英文状态下输入字符、符号等。

    查看全部
    0 采集 收起 来源:让你认识JS

    2019-03-11

  • getAttribute()方法 通过元素节点的属性名称获取属性的值。 语法: elementNode.getAttribute(name) 说明: 1. elementNode:使用getElementById()、getElementsByTagName()等方法,获取到的元素节点。 2. name:要想查询的元素节点的属性名字。
    查看全部
  • 获取时间 var mydate=New Date()
    查看全部
    0 采集 收起 来源:window对象

    2019-03-11

  • 查看全部
  • 1,js函数参数中变量不能加var,加了属于语法错误(不同于c);

    2,在函数内部定义是不加var会变成全局变量,加了则是局部变量

    3,函数名不要更变量名重合

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

    2019-03-10

  • parseInt() 函数可解析一个字符串,并返回一个整数。

    parseInt(string, radix)
    string必需。要被解析的字符串。
    radix

    可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间。

    如果省略该参数或其值为 0,则数字将以 10 为基础来解析。如果它以 “0x” 或 “0X” 开头,将以 16 为基数。

    如果该参数小于 2 或者大于 36,则 parseInt() 将返回 NaN。


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

    2019-03-10

  • prompt() 方法用于显示可提示用户进行输入的对话框。

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

    2019-03-10

  • 在js中调用直接写函数,在html中要""

    查看全部
    0 采集 收起 来源:函数调用

    2019-03-10

  • <!DOCTYPE HTML>

    <html>

    <head>

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

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

    <!--引入外部文件的方式-->


    <script type="text/javascript">

    //多行注释

      /*我是多行注释!

      我需要隐藏,

      否则会报错哦!*/


    //在页面中显示文字

    document.write("系好安全带,准备启航--目标JS"+"<br/>");

    function jump(){

    alert("准备好了,起航吧!");

    }


    //页面中弹出提示框



    //单行注释

      // 我是单行注释,我也要隐藏起来!


    </script>

    </head>

    <body>

        <input type="button" onclick="jump()" value="出发"/>

    </body>

    </html>


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

    2019-03-10

  • continue仅仅跳过本次循环(即本次的for或while循环),而整个循环体继续执行。

    continue写在判断语句里;

    查看全部
  • 二维数组:

    var myarr=[[0,1,2,3],[4,5,6,7],[8,9,10,11]];    //三行四列

    //myarr[0][0]=0;    

    myarr[0][1]=1;    第0行1列

    myarr[0][2]=2;

    myarr[0][3]=3;

    myarr[1][0]=4;

    myarr[1][1]=5;

    myarr[1][2]=6;

    ...

    查看全部
    0 采集 收起 来源:二维数组

    2019-03-09

  • 1、数组的上下限分别是0和length-1

    var arr=[1,2,3,4,5,6,7,8];    //包含8个数值的数组

    document.write(arr.length);    //显示数组的长度8

    2、数组的length属性是可变的

    arr.length = 10;    //增大数组的长度

    document.write(arr.length);    //数组长度已经变成10

    3、数组随元素的增加,长度也会改变,如下:

    var arr=[98,76,54,56,76];    //包含5个数值的数组

    document.write(arr.length);    //显示数组长度5

    arr[15]=34;    //增加元素,使用索引为15,赋值为34

    alert(arr.length);    //显示数组的长度16



    查看全部
  • 数组存储的数据可以是任何类型(数字,字符,布尔值等)。

    查看全部
  • <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>实践题 - 选项卡</title>
        <style type="text/css">
         /* CSS样式制作 */ 
           li{
              font-size:13px;
              display:inline-block;
              border:1px solid green;
              border-bottom: 1px solid white;
              margin: 2px 5px -1px 0px;
              width:60px;
              height:30px;
              line-height:30px;
              text-align:center;
          }
          a{
              font-size:13px;
              color:black;
              text-decoration:none;
          }
          div{
              font-size:13px;
              line-height:30px;
              width:250px;
              height:150px;
              padding-right:40px;
              border:1px solid green;
              padding-left:5px;
              margin-left:-5px;
          }
          .hide{
              display:none;
          }
          /*标签未选,边框灰色*/
          .gray{
             border:1px solid #ccc;
             border-bottom: 0px solid green;/*标签下边为内容框的颜色*/
          }
        </style>
        <script type="text/javascript">
        // JS实现选项卡切换
        function show(obj){
          var lis=document.getElementsByTagName("li");
          var a=document.getElementsByTagName("a");
          var ul=document.getElementById("Title");
          var divs=ul.getElementsByTagName("div");
          /*从第一个标签开始,依次与选中的标签对比,然后将所有标签设置为隐藏,再将选中标签显示*/
          for(var i=0;i<a.length;i++){
             if(obj.innerHTML==a[i].innerHTML){
               for(var j=0;j<divs.length;j++){
                   divs[j].className="hide";
                   lis[j].className="gray";
               }
               divs[i].className="";
               lis[i].className="";
             }
          }    }
        </script>
     
    </head>
    <body>
    <!-- HTML页面布局 -->
    <ul id="Title">
        <li><a href="#" onmouseover="show(this)">房产</a></li>
        <li class="gray"><a href="#" onmouseover="show(this)">家居</a></li>
        <li class="gray"><a href="#" onmouseover="show(this)">二手房</a></li>
        <div>
            275万购昌平邻铁三居 总价20万买一居<br>
            200万内购五环三居 140万安家东三环<br>
            北京首现零首付楼盘 53万购东5环50平<br>
            京楼盘直降5000 中信府 公园楼王现房<br>
        </div>
        <div class="hide">
            40平出租屋大改造 美少女的混搭小窝<br>
            经典清新简欧爱家 90平老房焕发新生<br>
            新中式的酷色温情 66平撞色活泼家居<br>
            瓷砖就像选好老婆 卫生间烟道的设计<br>
        </div>
        <div class="hide">
            通州豪华3居260万 二环稀缺2居250w甩<br>
            西3环通透2居290万 130万2居限量抢购<br>
            黄城根小学学区仅260万 121平70万抛!<br>
            独家别墅280万 苏州桥2居优惠价248万<br>
        </div>
    </ul> 
    </body>
    </html>

    查看全部
    2 采集 收起 来源:编程挑战

    2019-03-09

  • window.onload = function() {}

    将代码放置在window.onload的事件处理函数中,当文档加载完成后,才会执行事件处理函数,保证文档已经加载完成。不能绑定两个函数,会覆盖。

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

    2019-03-08

举报

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

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