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

JavaScript进阶篇

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

    myarr( )、Array（ ）都没有在屏幕上输出内容，这是为什么？

    查看全部
    0 采集 收起 来源：谁是团里成员（数组赋值）

    2018-04-28

  • 慕雪7755189

    jq1=numa+30>10&&numb*3<20//这个地方为什么显示true？

    查看全部
    0 采集 收起 来源：保持先后顺序(操作符优先级）

    2018-04-28

  • 慕娘0234581

    window.innerHeight - 浏览器窗口的内部高度
    window.innerWidth - 浏览器窗口的内部宽度
    scrollHeight 是网页内容实际高度，可以小于 clientHeight
    offsetHeight = clientHeight + 滚动条 + 边框。
    offsetHeight和offsetWidth，获取网页内容高度和宽度(包括滚动条等边线，会随窗口的显示大小改变)。

    查看全部
    0 采集 收起 来源：浏览器窗口可视区域大小

    2018-05-02

  • 大鱼GG

    通过window.onload触发下面事件

     window.onload = function(){

             var mytr=document.getElementsByTagName("tr");

             for (var i = 1;i < mytr.length; i++){

                 mytr[i].onmouseover = function(){

                     this.style.backgroundColor = "red";

                 }

                  mytr[i].onmouseout = function(){

                     this.style.backgroundColor = "white";

                 }

             }

          }

            


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

    2018-04-28

  • 大鱼GG

    <!DOCTYPE html>

    <html>

     <head>

      <title> new document </title>  

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

     

     </head> 

     <body> 

         <table border="1" width="50%" id="table">

         <tr>

        <th>学号</th>

        <th>姓名</th>

        <th>操作</th>

         </tr>  


         <tr>

        <td>xh001</td>

        <td>王小明</td>

        <td><a href="javascript:;" onclick="del(this)" >删除</a></td>   <!--在删除按钮上添加点击事件  -->

         </tr>


         <tr>

        <td>xh002</td>

        <td>刘小芳</td>

        <td><a href="javascript:;" onclick="del(this)">删除</a></td>   <!--在删除按钮上添加点击事件  -->

         </tr>  


         </table>

         <input type="button" value="添加一行" onclick="tabb()"/>   <!--在添加按钮上添加点击事件  -->

           <script type="text/javascript"> 

      

          window.onload = function(){

             var mytr=document.getElementsByTagName("tr");

             for (var i = 1;i < mytr.length; i++){

                 mytr[i].onmouseover = function(){

                     this.style.backgroundColor = "red";

                 }

                  mytr[i].onmouseout = function(){

                     this.style.backgroundColor = "white";

                 }

             }

          }

            

             

                      

         // 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。

        

          tabb=function tabb(){

              

             var xh=prompt('请输入学号','');

             var myname=prompt('请输入姓名','');

            if(xh!=""&&xh!=null&&name!=""&&name!=null){

                

                var mydr=document.createElement("tr");

               var mydr2=mydr.innerHTML="<td>"+xh+"</td>"+"<td>"+name+"</td>"+"<td><a href='javascript:;' onclick='del(this)'>删除</a></td>"; 

        

                mytablem=document.getElementById("table").lastChild;

                mytablem.appendChild(mydr);

             } else{alert("请输入正确数据");}

          }

         // 创建删除函数

       function del(obj){

             obj.parentNode.parentNode.parentNode.removeChild(obj.parentNode.parentNode);

        }

         



      </script>

     </body>

    </html>


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

    2018-04-28

  • 大鱼GG

    document.body

    先创建一个节点p

    在创建一个文本节点

    将文本节点appendChild插入节点p

    再将节点p插入body

    查看全部
    0 采集 收起 来源：创建文本节点createTextNode

    2018-04-28

  • zengjingjing

    JavaScript 中的所有事物都是对象，如:字符串、数值、数组、函数等，每个对象带有属性和方法。

    对象的属性：反映该对象某些特定的性质的，如：字符串的长度、图像的长宽等；

    对象的方法：能够在对象上执行的动作。例如，表单的“提交”(Submit)，时间的“获取”(getYear)等；


    查看全部
    0 采集 收起 来源：什么是对象

    2018-04-28

  • 慕设计6492880 
    switch(var ){              
case 1:
     执行代码1;
     break;
case 2:
     执行代码2;
     break;
default:
     其余状况执行代码;
}


    查看全部
    0 采集 收起 来源：多种选择（Switch语句)

    2018-04-28

  • 慕设计6492880 
    if(){}
else if(){}
else if(){}
....
else if(){}
else{}


    查看全部
    0 采集 收起 来源：多重判断（if..else嵌套语句）

    2018-04-28

  • 慕设计6492880 
    == true   判定为真；
== false  判定为假；


    查看全部
    0 采集 收起 来源：二选一 （if...else语句）

    2018-04-28

  • 慕设计6492880 
    当需要用for循环查找数据时，变量i是指数组中的序号（从0开始）  [ ]，
循环中写入时，应为：
document.write(arr[i]+"<br/>");


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

    2018-04-28

  • 大鱼GG

    在删除节点同时，content孩子节点的个数和位置也在变化。所以最好删除时正序总删除第一个，倒序总删除最后一个。

    可以使用for或while 循环，使用for循环时注意。不要把i<content.childNodes.length做为判断条件，

    举例说明，IE下执行，节点个数5个，当我点一次删除按钮。

    注意:5个节点分别对应下标是从0开始:    1[0]         2[0]         3[0]           4[0]          5[0] i=0     content.childNodes.length=5      0<5  删除第一个节点后，继续循环 i=1     content.childNodes.length=4      1<4   删除第二个节点后，继续循环 i=2     content.childNodes.length=3       2<3   删除第三个节点后，继续循环 i=3   content.childNodes.length=2          3<2  不成立，所以不继续。 这也就是为什么一次删除不了所以节点。 可以把上面的代码修改下:

    function clearText() { 

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

    nodel=content.childNodes.length 

    for(i=0;i<nodel;i++) 

    {       

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

     }  

    }


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

    2018-04-27

  • 大鱼GG

    1先创建元素

    2元素赋值

    3获取节点

    4插入节点insetBefore

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

    2018-04-27

  • 大鱼GG

    获取指定节点的对上一节点

    思路

    1获取指定节点

    2写出函数注意判断浏览器对空白字符的处置不同要考虑，指定节点的上一节点nodetype是否等于1，分两种情况，1空白符2节点，节点返回值，空白符再往前获取再返回值

    3对返回值进行判断若为null则已经是第一个节点了，如果不为null则即为所求

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

    2018-04-27

首页上一页820821822823824825826下一页尾页

举报

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

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

查看已购买的课程