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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • history的length属性,是当前窗口的历史记录条数,可以理解为当前窗口可以回退的次数+1,不是指浏览器总的历史记录条数。

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

    2018-05-03

  • <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>do...while</title>

    <script type="text/javascript">

        var mynum =6;//mynum初值化数值为6

    do

    {

    document.write("数字:"+mynum+"<br/>");

    mynum=mynum-1;

    }

    while(mynum>0)

    </script>

    </head>

    <body>

    </body>

    </html>


    查看全部
  • <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>switch</title>

    <script type="text/JavaScript">

    /*

    var myweek =3;//myweek表示星期几变量

    switch(myweek)

    {

     case 1:

     case 2:

     document.write("学习理念知识");

     break;

     case 3:

     case 4:

     document.write("到企业实践");

     break;

     case 5:

     document.write("总结经验");

     break;

     default:

     document.write("周六、日休息和娱乐");

    }

    */

    function button(){

        var myweek = 3;

        if (myweek == 1 && myweek == 2){

            document.write("学习理念知识");

        }

        else if(myweek == 3 && myweek == 4){

            document.write("到企业实践");

        }

        else if(myweek == 5){

            document.write("总结经验");

        }

        else{

            document.write("周六、日休息和娱乐");

        }

    }

    </script>

    </head>

    <body>

        <form>

            <input type="button", value="查看工作安排", onclick="button()"/>

        </form>

    </body>

    </html>


    查看全部
  • var mydate=new ate();//当前时间2014年3月6日
    
    document.write(mydate+"<br>");//输出当前时间
    
    document.write(mydate.()+"<br>");//输出当前年份
    
    mydate.(81); //设置年份
    
    document.write(mydate+"<br>"); //输出年份被设定为 0081年。


    查看全部
  • <!DOCTYPE  HTML>

    <html >

    <head>

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

    <title>数组</title>

    <script type="text/javascript">

     //创建数组

     var arr=['*','##','***',"&&","****","##*",'*****'];

     arr[7] = "**";

     //显示数组长度

     //alert(arr.length); 

     

     //将数组内容输出,完成达到的效果。

        /*

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

        document.write(arr[7]+"<br/>");

        document.write(arr[2]+"<br/>");

        document.write(arr[4]+"<br/>");

    */

    var tmp = new Array();

        for(var i in arr){

            if(arr[i][0]=='*')

            tmp[i] = arr[i];

        }

        tmp.sort();

        for(var i in tmp){

            document.write(tmp[i]+"<br>");

        }



    </script>

    </head>

    <body>

    </body>

    </html>


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

    2018-05-03

  • 日期对象

    555c650d0001ae7b04180297.jpg

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

    2018-05-03

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

    我们先来看看下面的图:

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

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

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

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

    注意:

    1. 区分大小写

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


    查看全部
  • <!DOCTYPE html>
    <html>
     <head>
      <title> 事件</title>  
      <script type="text/javascript">
       function count(){
           
        //获取第一个输入框的值
        var num1=document.getElementById("txt1").value;
    //获取第二个输入框的值
    var num2=document.getElementById("txt2").value;
    //获取选择框的值
    // document.getElementById("select");
    //获取通过下拉框来选择的值来改变加减乘除的运算法则
    var rlt=document.getElementById("select").value;
        //设置结果输入框的值 
        switch(rlt){
            case "+":
            result=parseInt(num1)+parseInt(num2);
            break;
            case "-":
            result=parseInt(num1)-parseInt(num2);
            break;
            case "*":
            result=parseInt(num1)*parseInt(num2);
            break;
            case "/":
            result=parseInt(num1)/parseInt(num2);
            break;
        }
       document.getElementById("fruit").value=result;
       }
      </script> 
     </head> 
     <body>
       <input type='text' id='txt1' /> 
       <select id='select'>
    <option value='+'>+</option>
    <option value="-">-</option>
    <option value="*">*</option>
    <option value="/">/</option>
       </select>
       <input type='text' id='txt2' /> 
       <input type='button' value=' = ' onclick="count()" /> <!--通过 = 按钮来调用创建的函数,得到结果--> 
       <input type='text' id='fruit' />   
     </body>
    </html>

    注意下拉选择框中 调用的是option中的value值,即<option value="+"><option>

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

    2018-05-03

  • 5354cff70001428b06880190.jpg

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

    2018-05-03

    1. = 是赋值;== 是判断。


    查看全部
  • 5354b1d00001c4ec06220271.jpg

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

    2018-05-03

  • 53605c5a0001b26909900216.jpg

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

    2018-05-03

  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>

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

    <title>数组赋值</title>

    <script language="javascript">

    var myarr = new Array(88,90,68);

    document.write("数组第一个值是:"+myarr[0]+"<br>");

    document.write("数组第二个值是:"+myarr[1]+"<br>");

    document.write("数组第三个值是:"+myarr[2]+"<br>");

    </script>

    </head>

    <body>

    </body>

    </html>


    查看全部
  • 56976e1700014fc504090143.jpg

    查看全部
  • window.history
    查看全部
    0 采集 收起 来源:History 对象

    2018-05-03

举报

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

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