为了账号安全,请及时绑定邮箱和手机立即绑定

JavaScript进阶篇

难度入门
时长 8小时55分
学习人数
综合评分9.47
2557人评价 查看评价
9.7 内容实用
9.4 简洁易懂
9.3 逻辑清晰
  • 插入节点insertBefore()

    方法可在已有的子节点插入一个新的子节点

    语法:

    insertBefore(newnode,node);

    newnode:要插入的新节点

    node:指定此节点前插入节点


    var otest = document.getElement("test");

    var html = document.getElement("html");

    var li = document.createElement("li");

    li.innerHTML = "php";

    otest.insertBefore(li,html);

    查看全部
  • nextSibling属性可返回某个节点之后紧跟的节点

    nodeObject.nextSibnling

    previousSibling属性可返回某个节点之前紧跟的节点

    nodeObject.previousSibling


    function get_nextSibling(n){

        var x = n.nextSibling;

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

            x=x.nextSibling;

        }return x;

    }

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

    2020-05-25

  • 使用Javascript语言,把以下数组    var  arr = ['*','##',"***","&&","****","##*"];    arr[7] = "**"; 在页面显示如下图所示的图案: * ** *** **** 
    查看全部
    0 采集 收起 来源:编程练习

    2020-05-25

  • <!DOCTYPE html>

    <html>

    <head>

        <meta charset="UTF-8">

        <title>实践题 - 选项卡</title>

        <style type="text/css">

         /* CSS样式制作 */ 

           #ul1 {

            position: relative;

           }

           .lic {

            color: red;

            list-style: none;

            float: left;

            margin: 10px;

           }

           #content {

            border: 1px;

            border-style: solid;

            position:absolute;

            left: 50px;

            top: 70px;

            width: 200px;

            height: 210px;

           }

           

        </style>

        <script type="text/javascript">

             

        // JS实现选项卡切换

        function displayfc(){

         var cont = document.getElementById('content');

         cont.innerHTML = "275万购昌平邻铁三居&nbsp总价20万买一居<br />200万内购五环三居&nbsp140万安家东三环北京首现零首付楼盘&nbsp53万购东5环50平<br />京楼盘直降5000&nbsp中信府&nbsp公园楼王现房";

        }

        function displayjj(){

         var cont = document.getElementById('content');

         cont.innerHTML = "40平出租屋大改造&nbsp美少女的混搭小窝<br />经典清新简欧爱家&nbsp90平老房焕发新生<br />新中式的酷色温情&nbsp66平撞色活泼家居<br />瓷砖就像选好老婆&nbsp卫生间烟道的设计";

        }

        function displayesf(){

         var cont = document.getElementById('content');

         cont.innerHTML = "通州豪华3居260万&nbsp二环稀缺2居250w甩<br />西3环通透2居290万&nbsp130万2居限量抢购<br />黄城根小学学区仅260万&nbsp121平70万抛!<br />独家别墅280万&nbsp苏州桥2居优惠价248万";

        }

        

        </script>

     

    </head>

    <body>

    <!-- HTML页面布局 -->

    <div>

    <ul id="ul1">

    <li class="lic"><a onclick="displayfc()">房产</a></li>

    <li class="lic"><a onclick="displayjj()">家居</a></li>

    <li class="lic"><a onclick="displayesf()">二手房</a></li>

    </ul>

    <div id="content">

    275万购昌平邻铁三居 总价20万买一居

        200万内购五环三居 140万安家东三环

        北京首现零首付楼盘 53万购东5环50平

        京楼盘直降5000 中信府 公园楼王现房

    </div>

    </div>


     

    </body>

    </html>


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

    2020-05-24

  • 一、nodeName 属性: 节点的名称,是只读的。

    1. 元素节点的 nodeName 与标签名相同
    2. 属性节点的 nodeName 是属性的名称
    3. 文本节点的 nodeName 永远是 #text
    4. 文档节点的 nodeName 永远是 #document

    二、nodeValue 属性:节点的值

    1. 元素节点的 nodeValue 是 undefined 或 null
    2. 文本节点的 nodeValue 是文本自身
    3. 属性节点的 nodeValue 是属性的值

    三、nodeType 属性: 节点的类型,是只读的。以下常用的几种结点类型:

    元素类型    节点类型
      元素          1
      属性          2
      文本          3
      注释          8
      文档          9


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

    2020-05-24

  • getElementsByTagName("li") 获取的是数组

    查看全部
  • document.write(screen.availWidth);
    document.write(screen.availHeight);

    1. screen.availWidth 属性返回访问者屏幕的宽度,以像素计,减去界面特性,比如任务栏。

    2. screen.availHeight 属性返回访问者屏幕的高度,以像素计,减去界面特性,比如任务栏。


    查看全部
  • 只需使用下一个未用的索引,任何时刻可以不断向数组增加新元素。

    myarray[5]=88; //使用一个新索引,为数组增加一个新元素

    任务

    数组中已有三个数值88,90,68,为数组新增加一个元素(第四个),值为99。


    查看全部
  • 注意:数组每个值有一个索引号,从0开始。

    我们还可以用简单的方法创建上面的数组和赋值:

    第一种方法:

    var myarray = new Array(66,80,90,77,59);//创建数组同时赋值

    第二种方法:

     var myarray = [66,80,90,77,59];//直接输入一个数组(称 “字面量数组”)

    注意:数组存储的数据可以是任何类型(数字、字符、布尔值等)


    查看全部
  • 1. 二维数组的定义方法一 var myarr=new Array(); //先声明一维 for(var i=0;i<2;i++){ myarr[i]=new Array(); for(var j=0;j<3;j++) { //二维长度为3 myarr[i][j]=i+j; // 赋值,每个数组元素的值为i+j } }
    查看全部
    0 采集 收起 来源:二维数组

    2020-05-24

  • 用简单的方法创建上面的数组和赋值: 第一种方法: var myarray = new Array(66,80,90,77,59); //创建数组同时赋值 第二种方法: var myarray = [66,80,90,77,59]; //直接输入一个数组(称“字面量数组”)
    查看全部
  • Function select _age(){ Var myage =99; if(myage<=18
    查看全部
  • .value一个也不能漏

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

    2020-05-23

  • a++先运行表达式再自增,++a先自增再运行表达式
    查看全部
    0 采集 收起 来源:编程练习

    2020-05-23

  • <br>标签要放在""里才能用。http://img1.sycdn.imooc.com//5ec8795a00019cd304870477.jpg

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

    2020-05-23

举报

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

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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