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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • stringObject.indexOf(substring, startpos)

    indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。


    查看全部
  • stringObject.charAt(index)

    返回指定位置的字符串

    查看全部
  • <a id="clock">5</a>

    ...

    var i=setTime(clock,1000);

    备注:把id为clock的计时器用 setTime() 方法赋值给i;这个计时器是1000毫秒之后启动的。


    少写了setTimeout() 的 out 。


    setTimeout(clock,1000); //num自减的条件;


    <a onclick="back()">返回</a>是错的;

    正确:<a href="back()">返回</a>


    window.history.forward;是错的;

    window.history.back(); //加载history列表中的前一个URL 


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

    2019-06-18

  • 定义初始日期对象可以这么写

    var d = new Date(2012, 10, 1);  //2012年10月1日var d = new Date('Oct 1, 2012'); //2012年10月1日

    最好这么写

    查看全部
    0 采集 收起 来源: Date 日期对象

    2019-06-17

  • 全选

    function checkall(){

                var hobby = document.getElementsByTagName("input");

               

              // 任务1 

               for(i=0;i<hobby.length;2i++){

                   if(hobby[i].type == 'checkbox'){

                       hobby[i].checked =true;

                   }

               }

            }

    查看全部
  • 你直接这样写<input name="username" type="text" placeholder="请输入用户名!" >

    查看全部
  • <!DOCTYPE HTML>
    <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <title> 光标聚焦事件 </title>
      <script type="text/javascript">
        function message(){
          var new2=document.getElementById("new1");
          new2.style.backgroundColor="pink";
        }
        function message1(){
          var new3=document.getElementById("new1");
          // new3.style.backgroundColor="purple";
          new3.removeAttribute("style");
        }
      </script>
    </head>
    <body>
    请选择您的职业:<br>
    <form>
      <select name="career" onfocus="message()" onblur="message1()" id="new1">
        <option>学生</option>
        <option>教师</option>
        <option>工程师</option>
        <option>演员</option>
        <option>会计</option>
      </select>
    </form>
    </body>
    </html>


    查看全部
  • 是availWidth不是avilWidth 。

    查看全部
  • window.screen对象在编写时可以不使用window这个前缀。

    查看全部
  • form是整个表单标签,而input是表单中任意一个标签,onclick事件是加在需要被点击的标签上的。

    查看全部
  • JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。

    比如说,当用户单击按钮或者提交表单数据时,就发生一个鼠标单击(onclick)事件,需要浏览器做出处理,返回给用户一个结果。

    53e198540001b66404860353.jpg

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

    2019-06-17

  • var browser=window.navigator.appName;

    备注:navigator要跟在window之后使用。

    查看全部
    0 采集 收起 来源:Navigator对象

    2019-06-17

  • 网页卷去的距离与偏移量

    我们先来看看下面的图:

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

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

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

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

    注意:

    1. 区分大小写

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


    查看全部
  • 网页尺寸offsetHeight

    offsetHeight和offsetWidth,获取网页内容高度和宽度(包括滚动条等边线,会随窗口的显示大小改变)。

    一、值

    offsetHeight = clientHeight + 滚动条 + 边框。

    二、浏览器兼容性

    var w= document.documentElement.offsetWidth     || document.body.offsetWidth; var h= document.documentElement.offsetHeight     || document.body.offsetHeight;


    查看全部
  • 网页尺寸scrollHeight

    scrollHeight和scrollWidth,获取网页内容高度和宽度。

    一、针对IE、Opera:

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

    二、针对NS、FF:

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

    三、浏览器兼容性

    var w=document.documentElement.scrollWidth    || document.body.scrollWidth; var h=document.documentElement.scrollHeight    || document.body.scrollHeight;

    注意:区分大小写

    scrollHeight和scrollWidth还可获取Dom元素中内容实际占用的高度和宽度。


    查看全部

举报

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

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