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

JavaScript进阶篇

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


    查看全部
  • //指定位置插入节

    <ul id="test"><li>JavaScript</li><li>HTML</li></ul> 

    <script type="text/javascript">

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

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

      ate.innerHTML="php";

      otest.insertBefore(ate,otest.childNodes[0]);

    </script> 



    查看全部
  • mark问答1

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

    2018-11-06

  • <ul id="test">

      <li>JavaScript</li>

      <li>HTML</li>

    </ul> 

    <script type="text/javascript">

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

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

      other.innerHTML="PHP";

      otest.appendChild(other);

    </script> 


    查看全部
  • 前后节点的寻找

    <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.nodeType!=1){

                x=x.nextSibling;

            }

            return x;

        }

        

        function get_previousSibling(m){

            var y=m.previousSibling;

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

                y=y.previousSibling;

            }

            return y;

        }


        var x=document.getElementById("b");

        document.write("当前节点:"+x.nodeName);

        document.write(" = ");

        document.write(x.innerHTML+"<br/>");

        

        var y=get_nextSibling(x);

        

        

        if(y!=null){

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

            document.write(y.nodeName);

            document.write(" = ");

            document.write(y.innerHTML+"<br/>");

        }else{

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

        }

            var z=get_previousSibling(x);

        

        if(z!=null){

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

            document.write(z.nodeName);

            document.write(" = ");

            document.write(z.innerHTML);

        }else{

          document.write("<br>已经是最前的节点"); 

        }


    </script>


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

    2018-11-06


  • scrollLeft:设置或获取位于给定对象的最左端与窗口种目前可见内容的最左端之间的距离,即左边灰色的内容。

    scrollTop:设置或获取给定对象的最顶端与窗口种可见内容的最顶端之间的距离,即上边灰色的内容。

    offsetLeft:获取指定对象相对于版面或由offsetParent属性指定的父坐标计算左侧位置 。

    offsetTop:获取指定对象相对于版面或由offsetParent属性指定的父坐标计算顶端位置。

    offsetParent:布局中设置postion属性(Relative、Absolute、fixed)的父容器,从最近的父节点开始,一层层向上找,直到HTML的body。

    查看全部
  • scrollHeight和scrollWidth,获取网页内容高度和宽度(包括滚动条等边线,会随窗口的显示大小改变)。

    offsetHeight = clientHeight + 滚动条 + 边框。

    一、针对IE、Opera:

    scrollHeight 是网页内容实际高度,可以小于 clientHeight。

    二、针对NS、FF:

    scrollHeight 是网页内容高度,不过最小值是 clientHeight。也就是说网页内容实际高度小于 clientHeight 时,scrollHeight 返回 clientHeight 。


    查看全部
  • 一、对于IE9+、Chrome、Firefox、Opera 以及 Safari:

    •  window.innerHeight - 浏览器窗口的内部高度

    •  window.innerWidth - 浏览器窗口的内部宽度

    二、对于 Internet Explorer 8、7、6、5:

    •  document.documentElement.clientHeight表示HTML文档所在窗口的当前高度。

    •  document.documentElement.clientWidth表示HTML文档所在窗口的当前宽度。

    或者

    Document对象的body属性对应HTML文档的<body>标签

    •  document.body.clientHeight

    •  document.body.clientWidth


    查看全部
  • 操作符之间的优先级(高到低):

    算术操作符  比较操作符  逻辑操作符  "="赋值符号
    如果同级的运算是按从左到右次序进行,多层括号由里向外。


    查看全部
  • 逻辑或操作符

    A || B

    注意: 如果A为真,A || B为真,不会在执行B; 反之,如果A为假,要由 B 的值来决定 A || B 的值。

    查看全部
  • 逻辑与操作符

    A && B

    注意: 如果A为假,A && B为假,不会在执行B; 反之,如果A为真,要由 B 的值来决定 A && B 的值。

    查看全部
  • 注意: “=” 操作符是赋值,不是等于。


    查看全部
  • 表达式是指具有一定的值、用操作符把常数和变量连接起来的代数式。一个表达式可以包含常数或变量。



    查看全部
  • var就相当于找盒子的动作,在JavaScript中是关键字(即保留字),这个关键字的作用是声明变量,并为"变量"准备位置(即内存)。
    var mynum ; //声明一个变量mynum
    
    var num1,num2 ; //声明两个变量num1和num2
    查看全部
  • 1. JS是区分大小写的,如:classname和ClassName是不一样的。同时注意方法、属性、变量等的大小写吆。
    
    2. JS中的字符、符号等一定要在英文状态下输入吆。


    查看全部
    0 采集 收起 来源:让你认识JS

    2018-11-05

举报

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

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