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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • x.属性名,得到的这个属性的全部。而atrribute仅仅是得到属性的值。比如这个例子中,如果用x.属性名的话,if(text!=null)就没用了,运行结果依然空一行,因为(个人猜测)虽然这个属性值没有,但属性依然在。用atrribute就没有这个情况,只显示三行。

    null的数据类型只有null这个值,在没有声明con[i].title 等于null的时候,永远都不会出现con[i].title不等于null。把null改成""就好了

    查看全部
  • 详细过程

    <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>nextSibling</title>

    </head>

    <body>

    <ul id="u1">  

    <li id="a">javascript</li>  

    <li id="b">jquery</li>  

    <li id="c">html</li>  

    </ul>  

    <ul id="u2">  

    <li id="d">css3</li>  

    <li id="e">php</li>  

    <li id="f">java</li>  

    </ul>  

    <script type="text/javascript">

    function get_nextSibling(n){

    var x=n.nextSibling;


           //当满足while循环时继续执行x=x.nextSibling;,不满足则跳出当前循环,把x值传给y;

    while (x && x.nodeType!=1){

    x=x.nextSibling;

    }

    return x;

    }

    //先运行以下代码,get_nextSibling()函数在调用的时候才会启动

    var x=document.getElementsByTagName("li")[0];

    document.write(x.nodeName);

    document.write(" = ");

    document.write(x.innerHTML);

    var y=get_nextSibling(x);//x的值传给n

    if(y!=null){

    document.write("<br />nextsibling: ");

    document.write(y.nodeName);

    document.write(" = ");

    document.write(y.innerHTML);

    }else{

    document.write("<br>已经是最后一个节点");      

    }





       //获取上一个节点

    function get_previousSibling(i)

    {

    var h=i.previousSibling;

           //利用h这个节点以及h节点类型的返回值作为判断依据,h本身就为真,若h.nodeType返回的是1,则表明也是一个元素,两个条件同时为真则不做while循环。

    while(h&&h.nodeType!=1)

    {

    h=h.previousSibling;

    }

    return h;


    }

    var k=document.getElementById("e");

    document.write("<br/>");

    document.write("<br/>");

    document.write(k.nodeName);

    document.write("=");

    document.write(k.innerHTML);


       //将所获得的k节点传至get_previousSibling函数,访问k的上一个节点

    var p=get_previousSibling(k);

    document.write("<br/>");

    document.write(p.nodeName);

    document.write("=");

    document.write(p.innerHTML);


    </script>

    </body>

    </html>


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

    2018-08-09

  • for(初始化变量;循环条件;循环迭代)
    {     
        循环语句 
     }


    查看全部
  • 函数dele(obj):不能使用delete为函数名,onclick="dele(this)"添加点击时间里面的参数必须使用this

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

    2018-08-09

  • 多种选择:

    switch(表达式)

    {

    case 1:   ...   break;

    case 2:   ...  break;

    default:  ...  ;

    }

    查看全部
  • 定义二维数组:

    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;

        }

    }


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

    2018-08-09

  • 此节有问题:正序为什么删除不了?

    查看全部
  • document.write("今天是:"+ weekday[mynum]);


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

    2018-08-09

  • 显示数组长度:

    document.write(arr.length);

    可以更改数组长度:

    arr.length =10;

    为数组添加新元素后,数组长度自动更改:

    arr[15]=34;

    则数组长度改为16。

    查看全部
  • c创建新节点

    document.createElement("li");

    5398fd020001ad4905890193.jpg

    查看全部
  • childNodes访问子节点;
    parentNode获取指点节点的父节点;
    注意: 浏览器兼容问题,chrome、firefox等浏览器标签之间的空白也算是一个文本节点。


    查看全部
  • 该方法没有运行出来

    查看全部
  • 创建数组并赋值:

    var myarray = new Array(66,80,90,77,59);

    var myarr = [66,80,90,77,59];

    查看全部
  • 创建数组时指定数组长度:

    var myarr=new Array(8);

    若数组中数值未定义,则输出为undefined.

    查看全部
  • 定义数组:

    var myarr = new Array();

    myarr[0]=80;

    myarr[1]=60;

    查看全部

举报

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

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