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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 我们可以把变量看做一个盒子,盒子用来存放物品,那如何在变量中存储内容呢?

    我们使用"="号给变量存储内容,看下面的语句:

    var mynum = 5 ; //声明变量mynum并赋值。

    这个语句怎么读呢? 给变量mynum赋值,值为5。我们也可以这样写:

    var mynum; //声明变量mynummynum = 5 ; //给变量mynum赋值

    注:这里 "="号的作用是给变量赋值,不是等于号。

    盒子可以装衣服、玩具、水果...等。其实,变量是无所不能的容器,你可以把任何东西存储在变量里,如数值、字符串、布尔值等,例如:

    var num1 = 123;       // 123是数值var num2 = "一二三";    //"一二三"是字符串var num3=true;    //布尔值true(真),false(假)

    其中,num1变量存储的内容是数值;num2变量存储的内容是字符串,字符串需要用一对引号""括起来,num3变量存储的内容是布尔值(true、false)。


    查看全部
  • <!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 type="text/javascript">
      var mya;
      mya=5;
      alert("mya的值是:"+mya);
    </script>
    </head>
    <body>
    </body>
    </html>

    查看全部
  • 声明变量语法: var 变量名;

    查看全部
  • <!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 type="text/JavaScript">
    var sunshine;
    </script>
    </head>
    <body>
    </body>
    </html>

    查看全部
  • 什么是变量? 从字面上看,变量是可变的量;从编程角度讲,变量是用于存储某种/某些数值的存储器。我们可以把变量看做一个盒子,盒子用来存放物品,物品可以是衣服、玩具、水果...等。

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

    2018-05-23

  • <!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 type="text/javascript">
       function jump() 
        {
        var mymessage=confirm("关注JS高级篇");
        if(mymessage==true)
        {
            document.write("恭喜您进入年薪百万的节奏!");
        }
        else
        {
            document.write("o(︶︿︶)o 唉!不管你是男屌丝还是女屌丝,不学习你始终都会是个屌丝……!");
        }
      }      
    </script>


    </head>
    <body>
    <p id="con">js进阶篇</p>
    <form>
           <input type="button" onclick="jump()" value="点击进入" />
        </form>
    </body>
    </html>


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

    2018-05-23

  • 1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等)

    2.实现页面与用户之间的实时、动态交互(如:用户注册、登陆验证等)

    JS进阶篇学习什么?

    JavaScript入门篇中,我们学习了如何插入JS、输出内容及简单的DOM操作,JavaScript进阶篇让您进一步的了解JS的变量、数组、函数、语法、对象、事件、DOM操作,制作简单的网页动态效果。



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

    2018-05-23

  • <script type="text/javascript">

    document.write("JS进阶篇");

    alert("关注JS高级篇");

    </script>

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

    2018-05-23

  • var 可以声明多个,中间,隔开就行

    document.getElementById("").value  后面value记得,前面也要写声明名称,如a=document.getElementById("").value

    function 函数名(){}记得写在哪

    document.getElementById("fruit").value=result;

    这个写法有趣

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

    2018-05-23

  • stringobject.indexOf(substring,startpos)

    substring:必需,规定要检索的字符串

    startpos:规定从哪个位置开始检索。范围从0到长度减一,若省略该参数,则将从字符串的首字母开始检索。

    查看全部
  • if else中间不需要;分割,否则无法显示结果

    已经被赋值的函数名不需要打引号

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

    2018-05-23

  • stringObject.charAt(index):返回指定位置的字符,

    字符串中第一个字符的下标是0,最后一个字符的下标为字符串长度减一:string.length-1

    查看全部
  • stringobject.length:返回该字符串的长度

    string对象的toUpperCase():将字符串小写字母转换为大写字母

    toLowerCase():将字符串大写字母转换为小写字母

    查看全部
  • 定义一个时间对象:var Udate=new Date();

    Date()首字母必须大写。使用Udate成为日期对象,并且已有初始值:当前时间(当前电脑系统时间)

    注意:访问方法语句时:Date(),FUllyear(),Year(),Month()等,首字母必须大写。

    document.write(UDate);直接输出现在系统时间。

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

    2018-05-26

  • 运行结果为 :

    https://img1.sycdn.imooc.com//5b05352d0001fda303880487.jpg

    https://img1.sycdn.imooc.com//5b05352d0001fb2d04760289.jpg


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

    2018-05-23

举报

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

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