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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 530a9d2b0001a33e03770178.jpg

    <script type="text/javascript">

    var numa,numb,jq1;

    numa=50;

    numb=55;

    jq1= numa>numb||numa==numb         ;

    document.write("jq1的值是:"+jq1+"<br>")

    </script>






















    查看全部
  • <script type="text/javascript">

     var numa,numb;

     numa=60;

     numb=70;

     if( numa>=60 && numb>=60 )

      {

      document.write("JavaScript考核通过!"+"<br>");

      }

    </script>


    查看全部
  • <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>无标题文档</title>

    </head>

    <body>

    <script type="text/javascript">

    var main = document.body;

    //创建链接

    function createa(url,text)

    {

        var a=document.createElement("a");

        a.href=url;

        a.innerHTML=text;

        a.style.color="red";

        main.appendChild(a);

    }

    // 调用函数创建链接

        createa("http://www.imooc.com","慕课网");


    </script> 

    </body>

    </html>


    查看全部
  • 532a3c150001c65802010207.jpg

    var a = 5;//定义a变量,赋值为5var b = 9; //定义b变量,赋值为9document.write (a<b); //a小于b的值吗? 结果是真(true)document.write (a>=b); //a大于或等于b的值吗? 结果是假(false)document.write (a!=b); //a不等于b的值吗? 结果是真(true)document.write (a==b); //a等于b的值吗? 结果是假(false)


    查看全部
  • 二选一 (if...else语句)

    if...else语句是在指定的条件成立时执行代码,在条件不成立时执行else后的代码。

    语法:

    if(条件) { 条件成立时执行的代码} else {条件不成立时执行的代码}

    假设你应聘web前端技术开发岗位,如果你会HTML技术,你面试成功,欢迎加入公司,否则你面试不成功,不能加入公司。

    代码表示如下:

    <script type="text/javascript">   var mycarrer = "HTML"; //mycarrer变量存储技能   if (mycarrer == "HTML")     { document.write("你面试成功,欢迎加入公司。");  }   else  //否则,技能不是HTML     { document.write("你面试不成功,不能加入公司。");} </script>

    任务

    今天去看电影,如果有票就可以看电影,没有票电影看不成。在右边编辑器的第8、12行补充代码,使用if...else进行判断。

    • ?不会了怎么办

    • if语句()里填写判断条件

      else执行条件不成立语句


    查看全部
  • 做判断(if语句)

    if语句是基于条件成立才执行相应代码时使用的语句。

    语法:

    if(条件) { 条件成立时执行代码}

    注意:if小写,大写字母(IF)会出错!

    假设你应聘web前端技术开发岗位,如果你会HTML技术,你面试成功,欢迎加入公司。代码表示如下:

    <script type="text/javascript">   var mycarrer = "HTML";   if (mycarrer == "HTML")   {     document.write("你面试成功,欢迎加入公司。");   } </script>

    任务

    请在右边编辑器的第7行,使用if语句补充代码,实现判断,是否购买笔,条件:只要笔是黑色(black),就购买。

    • ?不会了怎么办

    • 1.使用if语句判断

      2.条件为mypen == "black"


    查看全部
  • 编程练习

    使用Javascript语言,把以下数组

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

       arr[7] = "**";

    在页面显示如下图所示的图案:

    *

    **

    ***

    **** 

    任务

    第一步:定义一个数组,存储要展示的图形。

    提示:    var  arr = ['*','##',"***","&&","****","##*"];    arr[7] = "**";

    第二步:预想一下arr 数组的长度是多少?     

    提示: 使用alert弹出数组的长度,看看是否跟自己的答案一样。

    第三步:将数组内容输出,完成达到的效果。

     提示: 想在不同行显示不同数组内容,别忘记<br/>换行标签。


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

    2018-09-26

  • 屏幕可用高和宽度

    1. screen.availWidth 属性返回访问者屏幕的宽度,以像素计,减去界面特性,比如任务栏。

    2. screen.availHeight 属性返回访问者屏幕的高度,以像素计,减去界面特性,比如任务栏。

    注意:

    不同系统的任务栏默认高度不一样,及任务栏的位置可在屏幕上下左右任何位置,所以有可能可用宽度和高度不一样。
    <script type="text/javascript">

      document.write("可用宽度:" + screen.availWidth);
      document.write("可用高度:" + screen.availHeight); 
    </script>


    查看全部
  • 多重判断(if..else嵌套语句)

    语法:

    if(条件1){ 条件1成立时执行的代码}else  if(条件2){ 条件2成立时执行的代码}
    ...else  if(条件n){ 条件n成立时执行的代码}else{ 条件1、2至n不成立时执行的代码}


    查看全部
  • 屏幕分辨率的高和宽

    window.screen 对象包含有关用户屏幕的信息。
    1. screen.height 返回屏幕分辨率的高
    2. screen.width 返回屏幕分辨率的宽
    注意:
    1.单位以像素计。
    2. window.screen 对象在编写时可以不使用 window 这个前缀。

    查看全部
  • screen对象

    screen对象用于获取用户的屏幕信息。

    语法:

    window.screen.属性

    对象属性:


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

    2018-09-26

  • userAgent

    返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串)

    语法

    navigator.userAgent

    几种浏览的user_agent.,像360的兼容模式用的是IE、极速模式用的是chrom的内核。

    使用userAgent判断使用的是什么浏览器(假设使用的是IE8浏览器),代码如下:

    function validB(){
        var u_agent = navigator.userAgent;
        var B_name="Failed to identify the browser";    
        if(u_agent.indexOf("Firefox")>-1){
                B_name="Firefox";    }else if(u_agent.indexOf("Chrome")>-1){        B_name="Chrome";    }else if(u_agent.indexOf("MSIE")>-1&&u_agent.indexOf("Trident")>-1){        B_name="IE(8-10)";     }     document.write("B_name:"+B_name+"<br>");     document.write("u_agent:"+u_agent+"<br>");  }


    查看全部
    0 采集 收起 来源:userAgent

    2018-09-26

  • dfsdfdsfsd

    查看全部
    0 采集 收起 来源: Array 数组对象

    2018-09-26

  • https://img1.sycdn.imooc.com//5bab2e1f0001217803640215.jpghttps://img1.sycdn.imooc.com//5bab2e49000171e702930070.jpg

    定义二维数组的方法

    查看全部
    0 采集 收起 来源:二维数组

    2018-09-26

  • gffgfgf

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

    2018-09-26

举报

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

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