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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
最热 最新
  • Xhekeleee

    创建数组语法：

    var myarray=new Array();
var myarray=new Array(8); //创建数组，存储8个数据。

    myarray[0]="xxx";

    查看全部
    0 采集 收起 来源：组团，并给团取个名（如何创建数组）

    2019-04-16

  • Owlapollo

    <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>二维数组</title>

    <script type="text/javascript">


    var myarr=new Array()


    for(var i=0;i<3;i++){

        

        myarr[i]=new Array{

            

            for(var j=0;j<6;J++){

                

                myarr[i][j]=i*j

                document.write(myarr)

            }

        }

    }


    </script>

    </head>


    <body>

    </body>

    </html>

    为什么是错的？

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

    2019-04-15

  • 执异 
    <!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>实践题 - 选项卡</title>
    <style type="text/css">
       .tab {
            list-style: none;
            margin: 0;
            padding: 0;
            z-index: 1;
        }
       .tab li {
            display: inline-block;
            border: 2px solid #ddd;
            border-bottom: 2px solid #ff7f00;
            padding: 5px 10px;
            cursor: pointer;
            margin-bottom: -2px;
        }
        .tab li.active {
            border: 2px solid #ff7f00;
        }
        .box {
            border: 2px solid #ff7f00;
            padding: 5px;
            z-index: 2;
        }
        .box span {
            display: none;
        }
        .box span.active{
            display: block;
        }
    </style>
    <script type="text/javascript">
        window.onload = function() {
            var ul = document.getElementsByClassName("tab");
            var li = ul[0].getElementsByTagName("li");
            var div = document.getElementsByClassName("box");
            var span = div[0].getElementsByTagName("span");
            // alert(span.length);
            for(var i = 0; i < li.length; i++) {
                li[i].index = i;
                li[i].onclick = function() {
                    for(var i = 0; i < li.length; i++) {
                        li[i].className = "";
                    }
                    this.className = "active";
                    for(var j = 0; j < span.length; j++) {
                        span[j].className = "";
                    }
                    span[this.index].className="active";
                }        
            }
        }
    </script>
 
</head>
<body>
<!-- HTML页面布局 -->
<ul class="tab">
    <li class="active">房产</li>
    <li>家居</li>
    <li>二手房</li>
</ul>
<div class="box">
    <span class="active">
        275万购昌平邻铁三居 总价20万买一居<br>
        200万内购五环三居 140万安家东三环<br>
        北京首现零首付楼盘 53万购东5环50平<br>
        京楼盘直降5000 中信府 公园楼王现房<br>
    </span>
    <span>
        40平出租屋大改造 美少女的混搭小窝<br>
        经典清新简欧爱家 90平老房焕发新生<br>
        新中式的酷色温情 66平撞色活泼家居<br>
        瓷砖就像选好老婆 卫生间烟道的设计<br>
    </span>
    <span>
        通州豪华3居260万 二环稀缺2居250w甩<br>
        西3环通透2居290万 130万2居限量抢购<br>
        黄城根小学学区仅260万 121平70万抛!<br>
        独家别墅280万 苏州桥2居优惠价248万<br>
    </span>
</div>
 
</body>
</html>


    查看全部
    1 采集 收起 来源：编程挑战

    2019-04-15

  • bao_

    var num = 0;

    function startCount(){

        document.getElementById('count').value = num;

        num = num+1;

        setTimeout("startCount()",1000);

    }

        <input type = "text" id  = "count" />

        <input type = "button" value = "Start" onClick = "starCount()">

    查看全部
    0 采集 收起 来源：计时器setTimeout()

    2019-04-15

  • 精慕门653838 
    var myarr=new Array(); //定义数组


    查看全部
    0 采集 收起 来源：一起组团（什么是数组）

    2019-04-15

  • bao_

    setTimeout()计时器

      setTimeout(代码,延迟时间)

    参数说明:

    1. 要调用的函数需要执行的代码串。

        2,延迟时间:在执行代码前需要等待的时间,以毫秒为单位(1s = 1000ms)


    <script type = "text/javascript">

        setTimeout("alert('hello')",3000); 

    </script>



    setTimeout()在载入后延迟指定时间后,去执行一次表达式



    查看全部
    0 采集 收起 来源：计时器setTimeout()

    2019-04-15

  • Owlapollo

    <button onclick="i.w1()">块来一起学习吧</button>

    <button id="aa" onclick="w2()">块来一起学习吧</button>

    <input type="button" name="bb" value="块来一起学习吧" onclick="w3()">

    <button onclick="j.w4()">块来一起学习吧</button>

    ==============================

    我根据大神们的代码，发现了这几个按钮的代码形式，请问第一种的方法名称前面的“i”是这个button的id吗？


    而且通过引入外部JS文件，方法的代码形式也有点搞不懂

    var i ={

          w1(): function{

         alert("恭喜通关！")

    }」

    这里的方法为什么是这样写的？  求大神们指教


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

    2019-04-15

  • bao_

    clearInter() 取消计时器

    clearInteral()方法可取消由setinterval(_)设置的交互时间。

    clearInterval(id_of_setInterval)

    id_of_setinterval:由setInterval()返回的ID值

    每隔100毫秒调用clock()函数,并显示时间,当点击按钮时,停止时间,代码如下:

    <title>计时器</title>

    function clock(){

        var time = new Date();

        document.getElementById("clock").value = time;

    }

    //每隔100秒调用clock函数,并将返回值赋给i

            var i = setInterval("clock()",100);

    <script>

    <form>

    <input type="text" id = "clock"  size ="50" />

    <input type="button" value="Stop" onclick = "clearInterval(i)" />

    </form>

    查看全部
    0 采集 收起 来源： 取消计时器clearInterval()

    2019-04-15

  • bao_

    计时器senlnterval()

    在执行时,从载入页面后没隔指定的时间执行代码

    setInterval(代码,交互时间);

    代码:要调用的函数或要执行的代码串。

    交互时间:周期性执行或调用表达式之间的时间隔离,时间以毫秒计算(1s = 1000ms)

    返回值:

    一个可以传递给clearInterval()从而取消对"代码"的周期性执行的值。

    调用函数格式(假设有一个clock()函数);:

    setInterval("clock()",1000)

    或

    setInterval(clock,1000)

    var int = setinterval(clock,100)

    function clock(){

        var time = new Date();

        document.getElementById("clock").value = time;

    }

    <form>

        <input type = "text" id = "clock" size = 50">

    </form>

    查看全部
    0 采集 收起 来源：计时器setInterval()

    2019-04-15

  • bao_

    setTimeout()指定延迟时间之后来执行代码

    clearTimeout()取消setTimeout()设置

    setIntervall()每隔指定时间执行代码

    clearInterval()取消setinterval()设置



    查看全部
    0 采集 收起 来源：JavaScript 计时器

    2019-04-15

  • bao_

    alert()带有一段消息和一个确定按钮 的警告框昂

    prompt()显示可提示用户输入的一个对话框

    comfirm()显示带有一段消息以及确认按钮和取消按钮的对话框

    open()打开一个新的浏览器窗口或查找一个已命名的窗口

    close()关闭浏览器窗口

    print()打印当前窗口

    focus()把键盘焦点给予一个窗口

    blur()把键盘焦点从顶层窗口移开

    moveBy把相对窗口的当前坐标把它移动指定的像素

    moveTo()把窗口向左上角移动一个指定的坐标

    resizeBy()按照指定的像素调整窗口的大小

    relizeTo()把窗口的大小调整到指定的宽度和高度

    scrollBy()按照指定的像素值来移动内容

    scrollTo()把内容滚动到指定的坐标

    setinterval()每隔指定的时间执行代码

    setTimeout在指定的延迟时间之后来执行代码

    clearlnterval() 取消setinteral()的设置

    clearTimeout 取消setTimeout()的设置


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

    2019-04-15

  • 繁中仙

    反正都是要先获取父元素，子元素长度减一是因为数组是从0开始，既然是数组记得加个s

    查看全部
    0 采集 收起 来源：删除节点removeChild()

    2019-04-15

  • 繁中仙

    注意下这里的顺序，是在第二个节点前插入

    查看全部
    0 采集 收起 来源：插入节点insertBefore()

    2019-04-15

  • 繁中仙

    想要指到最后的lesson4，输出lesson4的表单内容，定义到lesson4是lastChild，定义到他的内容是innerHTML

    查看全部
    0 采集 收起 来源：访问父节点parentNode

    2019-04-14

  • 繁中仙

    获取节点名称 值和类型，千万不要加双引号，加了就只是

    一个普通的字符串

    查看全部
    0 采集 收起 来源：节点属性

    2019-04-14

首页上一页409410411412413414415下一页尾页

举报

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

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

查看已购买的课程