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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • break:是遇到当前特殊情况,结束循环

    continue:是遇到特殊情况,跳过本次循环,继续后面的循环

    查看全部
  • <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>屏幕分辨率的高和宽</title>
    </head>
    <body>
    <script type="text/javascript">
    document.write( "屏幕宽度:"+screen.width);
    document.write( "屏幕高度:"+screen.height); 
    var s ="网页可见区域宽:"+ document.body.clientWidth;
    s+="\r\n网页可见区域高:"+ document.body.clientHeight;
    s += "\r\n网页正文全文宽:"+ document.body.scrollWidth;
    s += "\r\n网页正文全文高:"+ document.body.scrollHeight;
    s += "\r\n网页正文部分上:"+ window.screenTop;
    s += "\r\n网页正文部分左:"+ window.screenLeft;
    s += "\r\n屏幕分辨率的高:"+ window.screen.height;
    s += "\r\n屏幕分辨率的宽:"+ window.screen.width;
    s +="\r\n屏幕可用工作区高度:"+ window.screen.availHeight;
    s +="\r\n屏幕可用工作区宽度:"+ window.screen.availWidth;
    alert(s);
    </SCRIPT>
    </script>
    </body>
    </html>

    整个电脑屏幕的宽和高(包含工具栏)

    http://img1.sycdn.imooc.com//5db445bd0001e07b12710988.jpg



    不包含工具栏的屏幕:

    http://img1.sycdn.imooc.com//5db4466b0001f39c12830823.jpg


    http://img1.sycdn.imooc.com//5db4466b0001be5b04480289.jpg


    查看全部
  • 注意地址框:

    http://img1.sycdn.imooc.com//5db3ad2b0001bf4904050295.jpg

    现在点击“第一个锚点”

    http://img1.sycdn.imooc.com//5db3ad720001e63e04020240.jpg

    点击“第二个锚点”

    http://img1.sycdn.imooc.com//5db3ad9500010b8804010210.jpg

    然后点击“返回前一个页面”

    http://img1.sycdn.imooc.com//5db3adc00001ec5103910219.jpg

    回到了target1

    然后再点击“返回前一个页面”

    http://img1.sycdn.imooc.com//5db3adf300018d0103860230.jpg

    回到原来的位置

    查看全部
  • 点击第一个锚点:

    http://img1.sycdn.imooc.com//5db3ac4b0001747214200615.jpg

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>无标题文档</title>
    <script type="text/javascript">
            function GoBack() {
                window.history.go(-1);
            }
    </script>
    </head>
    <body>
    点击下面的锚点链接,添加历史列表项:依次点击第3,2,1个锚点,然后试着返回
        <h3><a name="target1">锚点1</a></h3>
        <a href="#target3">第三个锚点</a>
        <p>这是一个段落</p>
        <p>这是一个段落</p>
        <p>这是一个段落</p>
        <p>这是一个段落</p>
        <p>这是一个段落</p>
        <p>这是一个段落</p>
        <p>这是一个段落</p>
        <p>这是一个段落</p>
        <p>这是一个段落</p>
        <p>这是一个段落</p>
        <p>这是一个段落</p>
        <p>这是一个段落</p>
        <br />
        <form>
            <input type="button"  value="返回前一个页面" onclick="GoBack();" />        
         </form>
         
        <h3><a name="target2">锚点2</a></h3>
        <a href="#target1">第一个锚点</a>
        <p>这是一个段落</p>
        <p>这是一个段落</p>
        <p>这是一个段落</p>
        <p>这是一个段落</p>
        <p>这是一个段落</p>
        <p>这是一个段落</p>
        <p>这是一个段落</p>
        <p>这是一个段落</p>
        <p>这是一个段落</p>
        <p>这是一个段落</p>
        <p>这是一个段落</p>
        <p>这是一个段落</p>
        <br /><br />
        使用下面按钮,实现返回前一个页面:
        <form>
           <input type="button"  value="返回前一个页面" onclick="GoBack();" />        
        </form>
        
        <h3><a name="target3">锚点3</a></h3>
        <a href="#target2">第二个锚点</a>
        <p>这是一个段落</p>
        <p>这是一个段落</p>
        <p>这是一个段落</p>
        <p>这是一个段落</p>
        <p>这是一个段落</p>
        <p>这是一个段落</p>
        <p>这是一个段落</p>
        <p>这是一个段落</p>
        <p>这是一个段落</p>
        <p>这是一个段落</p>
        <p>这是一个段落</p>
        <p>这是一个段落</p>
        <br /><br />
        使用下面按钮,实现返回前一个页面:
        <form>
           <input type="button"  value="返回前一个页面" onclick="GoBack();" />        
        </form>
    </body>
    </html>


    查看全部
  • window对象是BOM的核心,window对象指当前的浏览器窗口。

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

    2019-10-26

  • getDate返回日,getMonth返回月,getYear返回年

    getDay返回星期数

    查看全部
    0 采集 收起 来源:返回星期方法

    2019-10-26

  • 如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较。

    如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下:

    • 若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。

    • 若 a 等于 b,则返回 0。

    • 若 a 大于 b,则返回一个大于 0 的值。

      比较函数两个参数a和b,返回a-b升序,返回b-a降序

      例:

         function sortNum(a,b) {

              return b - a;

        }  //降序

    也可以这样理解:默认b>a,返回的是其排列顺序

    查看全部
    0 采集 收起 来源: 数组排序sort()

    2019-10-25

  • 1. 一小时 60 分,一分 60 秒,一秒 1000 毫秒

    2. 时间推迟 1 小时,就是: “x.setTime(x.getTime() + 60 * 60 * 1000);”


    查看全部
  • var sum,x,y;可以不输入吗?

    查看全部
    0 采集 收起 来源:返回值的函数

    2019-10-25

  • <!DOCTYPE HTML>

    <html>

    <head>

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

    <title> 光标聚焦事件 </title>


    </head>

    <body>

    请选择您的职业:<br>

      <form>

        <select name="career" id="oo"> 

          <option>学生</option> 

          <option>教师</option> 

          <option>工程师</option> 

          <option>演员</option> 

          <option>会计</option> 

        </select> 

      </form>

    </body>

    </html>


    <script>

        document.getElementById("oo").onchange=function(){

            alert(123);

        }

    </script>


    查看全部
  • <!DOCTYPE  HTML>

    <html >

    <head>

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

    <title>函数</title>


    <script type="text/javascript">


    function sum(a,b){

        //定义函数

        if(a < b){

            return b;

        }

        else if(a > b){

            return a;

        }

    }


    //函数体,判断两个整数比较的三种情况




     

    //调用函数,实现下面两组数中,返回较大值。

      document.write(" 5 和 4 的较大值是:"+sum(5,4)+"<br>");

      document.write(" 6 和 3 的较大值是:"+sum(6,3)); 





    </script>

    </head>

    <body>

    </body>

    </html>


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

    2019-10-25

  • <!DOCTYPE  HTML>

    <html >

    <head>

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

    <title>流程控制语句</title>

    <script type="text/javascript">

    var infos=[ ['小A','女',21,'大一'],  ['小B','男',23,'大三'],

        ['小C','男',24,'大四'],  ['小D','女',21,'大一'],

        ['小E','女',22,'大四'],  ['小F','男',21,'大一'],

        ['小G','女',22,'大二'],  ['小H','女',20,'大三'],

        ['小I','女',20,'大一'],  ['小J','男',20,'大三']]

     for(var i = 0;i <= infos.length;i++){

    //第一步把之前的数据写成一个数组的形式,定义变量为 infos

        if(infos[i][3] == "大一"){

    //第一次筛选,找出都是大一的信息

        if(infos[i][1] == "女"){

    //第二次筛选,找出都是女生的信息

        document.write(infos[i][0] + "<br/>");

        } 

        }

     }    

      

    </script>

    </head>

    <body>

    </body>

    </html>


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

    2019-10-24

  • #include<stdio.h>
    int main()
    {
    return 0;
    }


    查看全部
    0 采集 收起 来源:返回值的函数

    2019-10-24

  • A             B                A&&B

    真true     真true            真true

    真true     假false          假false

    假false     真true          假false

    假false     假false          假false

    如果A为假,A&&B为假,B不会执行;

    如果A为真,A&&B的值由B来决定;

    查看全部
  • toUpperCase()//转换大写
    toLowerCase()//转换小写


    查看全部

举报

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

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