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

JavaScript进阶篇

难度入门
时长 8小时55分
学习人数
综合评分9.47
2557人评价 查看评价
9.7 内容实用
9.4 简洁易懂
9.3 逻辑清晰
  • 变量名字可以任意取,只不过取名字要遵循一些规则:

    1.必须以字母、下划线或美元符号开头,后面可以跟字母、下划线、美元符号和数字。如下:

    正确:           
        mysum            
        _mychar         
        $numa1
    错误:  6num  //开头不能用数字
      %sum //开头不能用除(_ $)外特殊符号,如(%  + /等)
      sum+num //开头中间不能使用除(_ $)外特殊符号,如(%  + /等)

    2.变量名区分大小写,如:A与a是两个不同变量。

    3.不允许使用JavaScript关键字和保留字做变量名。

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

    查看全部
  • 变量是用于存储某种/某些数值的存储器,可以看作一个盒子

    查看全部
    0 采集 收起 来源:什么是变量

    2020-09-10

  • document.write("系好安全带,准备启航--目标JS");

    alert("准备好了,起航吧!" );

    src="script.js" //这是路径输入

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

    2020-09-10

  •  li[i].index = i;  //定义一个index属性对li进行编号

    摘自代码区

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

    2020-09-08

  • = 赋值运算符 
    == 等于 
    === 严格等于


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

    2020-09-08

  • 此节按当前最新标准来讲已经不准确了(下一节笔记的链接里也有提到)

    https://www.cnblogs.com/luluping/archive/2010/07/16/1778766.html

    https://blog.csdn.net/a3025056/article/details/53691157

    https://my.oschina.net/sunyouling/blog/832168

    总结下,就是<!DOCTYPE HTML>为html5标准,这个标准下document.body.clientHeight并非本小节讲的"窗口的当前宽度"

    另外一点就是document.body.clientHeight的输出结果是body标签的高度,因为从上到下解析,所以document.write的结果比真实的高度少了一行的高度,可以用alert替代document.write,审查元素就会一样了


    在HTML (这里的应该指的是5.0以下的)中, body 是整个DOM 的根, 而在XHTML 中, document 才是根, body 不再是根, 所以取body 的属性时, 不能再取到整个页面的值.

    查看全部
  • 隐藏任务栏,就一样了

    查看全部
  • 8-13用到,可能是应用浏览器兼容问题上

    查看全部

  • <!DOCTYPE html>

    <html>

    <head>

    <title>浏览器对象</title>  

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

    </head>

    <body>

    <H4>操作成功</H4>

    <p>

    <b id="second">5</b>秒后回到主页&nbsp;<a href="javascript:goBack();">返回</a>  

    </p>



    <script type="text/javascript">  



    var sec = document.getElementById("second");

    var i = 5;

    var timer = setInterval(function(){

    i--;

    sec.innerHTML = i;

    if(i==1){

    window.location.href =  "http://www.imooc.com/";

    }

    },1000);



    function goBack(){

    window.history.go(-1);

    }

    </script>

    </body>

    </html>



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

    2020-09-03

  • xxx.concat(x1,x2)

    yyy.concat(x1)

    查看全部
  • <!DOCTYPE  HTML>

    <html >

    <head>

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

    <title>系好安全带,准备启航</title>


    <script type="text/javascript">

      var mydate=new Date();

      var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];

      document.write("今天是:" +mydate.getFullYear()+"年" +mydate.getMonth()+"月"+mydate.getDate()+"日"+" "+weekday[mydate.getDay()]+);

      //通过javascript的日期对象来得到当前的日期,并输出。

      var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";

      var arr=scoreStr.split(";");

      var sum=0;

      var avg=0;

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

      {

         sum=sum+parseInt(arr[i].slice(3,5))

      }

      avg=sum/arr.length;

      document.write("班级总分为:"+parseInt(avg));

      

      

      //成绩是一长窜的字符串不好处理,找规律后分割放到数组里更好操作哦




      //从数组中将成绩撮出来,然后求和取整,并输出。

      



    </script>

    </head>

    <body>

    </body>

    </html>



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

    2020-08-30

  • <!DOCTYPE html>

    <html>

     <head>

      <title> 事件</title>  

      <script type="text/javascript">

       function count(){

         var q=document.getElementById("txt1").value;  

        //获取第一个输入框的值

         var w=document.getElementById("txt2").value; 

    //获取第二个输入框的值

    var e=document.getElementById("select").value; 

    //获取选择框的值

    var result=" ";

    switch(e)

    {

    case"+":

        result= parseFloat(q)+ parseFloat(w);

        break;

    case"-":

        result= parseFloat(q)- parseFloat(w);

        break;

    case"*":

        result= parseFloat(q)* parseFloat(w);

        break;

    case"/":

        result= parseFloat(q)/ parseFloat(w);

        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>



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

    2020-08-27

  • <!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,'大三']

              ];

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

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

        {

            

        if(infos[i][3]=='大一'&&infos[i][1]=='女')

        {

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

            

        }

            

            

            

        }

     

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

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

    </script>

    </head>

    <body>

    </body>

    </html>


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

    2020-08-25

  • floor() 方法可对一个数进行向下取整。

    document.write(Math.floor(0.8)+ "<br>")
      document.write(Math.floor(6.3)+ "<br>")
      document.write(Math.floor(5)+ "<br>")
      document.write(Math.floor(3.5)+ "<br>")
      document.write(Math.floor(-5.1)+ "<br>")
      document.write(Math.floor(-5.9))
    0
    6
    5
    3
    -6
    -6


    查看全部
    0 采集 收起 来源:向下取整floor()

    2020-08-25

  • ceil() 方法可对一个数进行向上取整。

    document.write(Math.ceil(0.8) + "<br />")
      document.write(Math.ceil(6.3) + "<br />")
      document.write(Math.ceil(5) + "<br />")
      document.write(Math.ceil(3.5) + "<br />")
      document.write(Math.ceil(-5.1) + "<br />")
      document.write(Math.ceil(-5.9))
    1
    7
    5
    4
    -5
    -5


    查看全部
    0 采集 收起 来源:向上取整ceil()

    2020-08-25

举报

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

微信扫码,参与3人拼团

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

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