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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 颠倒数组元素顺序reverse()

    reverse() 方法用于颠倒数组中元素的顺序。

    语法:

    arrayObject.reverse()


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

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

    如下代码,当退出页面时,弹出对话框“您确定离开该网页吗?”。

    运行结果:(IE浏览器)

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

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

    如下代码,当退出页面时,弹出对话框“您确定离开该网页吗?”。

    运行结果:(IE浏览器)


    查看全部
  • 事件会在页面加载完成后,立即发生,同时执行被调用的程序。
    注意:1. 加载页面时,触发onload事件,事件写在<body>标签内。

          2. 此节的加载页面,可理解为打开一个新页面时。
    如下代码,当加载一个新页面时,弹出对话框“加载中,请稍等…”。

    运行结果:


    查看全部
  • 通过改变文本框的内容来触发onchange事件,同时执行被调用的程序。

    如下代码,当用户将文本框内的文字改变后,弹出对话框“您改变了文本内容!”。

    运行结果:


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

    如下代码,当选中用户文本框内的文字时,触发onselect 事件,并调用函数message()。

    运行结果:


    查看全部
  • 如下代码, 网页中有用户和密码两个文本框。当前光标在用户文本框内时(即焦点在文本框),在光标离开该文本框后(即失焦时),触发onblur事件,并调用函数message()。

    运行结果:


    查看全部
  • 主要事件表:


    查看全部
    0 采集 收起 来源:什么是事件

    2019-09-28

  • <!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");

      // 在此完成该函数

      

      //一次性清除节点内容(顺序)

    //   for(var i=0;i<content.childNodes.length;i++){

    //       if(content.childNodes[i].nodeType!=1){   

    //          continue;  

    //       }else{

    //          content.removeChild(content.childNodes[i]);    

    //       }

    //  }


      //一次性清除节点内容(倒序)

       

    //   for(var i=content.childNodes.length-1;i>=0;i--){

    //       if(content.childNodes[i].nodeType!=1){

    //           continue;

    //       }else{

    //           content.removeChild(content.childNodes[i]);

    //       }

    //   }

     


      //多次清除节点内容

      

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

        content.removeChild(content.childNodes[0]);

        content.removeChild(content.childNodes[i]);

        break;

          }

          

        }

        

      


    </script>


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

    <div>已删除的内容:<p class="get"></p></div>



    </body>

    </html>


    查看全部
  • 上一节函数中,通过"document.write"把结果输出来,如果想对函数的结果进行处理怎么办呢?

    我们只要把"document.write(sum)"这行改成如下代码:

    function add2(x,y)
    {
       sum = x + y;   return sum; //返回函数值,return后面的值叫做返回值。}

    还可以通过变量存储调用函数的返回值,代码如下:

    result = add2(3,4);//语句执行后,result变量中的值为7。

    注意:函数中参数和返回值不只是数字,还可以是字符串等其它类型。 


    查看全部
    0 采集 收起 来源:返回值的函数

    2019-09-27

  • 函数定义好后,是不能自动执行的,需要调用它,直接在需要的位置写函数名。

    第一种情况:在<script>标签内调用。

      <script type="text/javascript">
        function add2()
        {
             sum = 1 + 1;
             alert(sum);
        }  add2();//调用函数,直接写函数名。</SCRIPT>

    第二种情况:在HTML文件中调用,如通过点击按钮后调用定义好的函数。

    <html>
    <head><script type="text/javascript">
       function add2()
       {
             sum = 5 + 6;
             alert(sum);
       }
    </script>
    </head>
    <body>
    <form>
    <input type="button" value="click it" onclick="add2()">  //按钮,onclick点击事件,直接写函数名</form>
    </body>
    </html>

    注意:鼠标事件会在后面讲解。


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

    2019-09-27

  • onclick相当于其他程序中的点击事件监听,具体功能:当鼠标点击时,执行它指向的脚本函数。
    查看全部
  • parslnt (switch) :将switch转变为整型。
    查看全部
  • 一:边框遮盖--css布局基础不够牢固

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

    2019-09-27

  • 指定分隔符连接数组元素join()

    join()方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。

    语法:

    arrayObject.join(分隔符)


    查看全部
  • 数组连接concat()

    concat() 方法用于连接两个或多个数组。此方法返回一个新数组,不改变原来的数组。

    语法

    arrayObject.concat(array1,array2,...,arrayN)


    查看全部

举报

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

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