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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 确定你的存在(变量声明)

    我们要使用盒子装东西,是不是先要找到盒子,那在编程中,这个过程叫声明变量,找盒子的动作,如何表示:

    声明变量语法: var 变量名;

    var就相当于找盒子的动作,在JavaScript中是关键字(即保留字),这个关键字的作用是声明变量,并为"变量"准备位置(即内存)。

    var mynum ; //声明一个变量mynum

    当然,我们可以一次找一个盒子,也可以一次找多个盒子,所以Var还可以一次声明多个变量,变量之间用","逗号隔开。

    var num1,mun2 ; //声明一个变量num1

    注意:变量也可以不声明,直接使用,但为了规范,需要先声明,后使用。


    查看全部
  • 给变量取个名字(变量命名)

    我们为了区分盒子,可以用BOX1,BOX2等名称代表不同盒子,BOX1就是盒子的名字(也就是变量的名字)。

    我们赶快给变量取个好名字吧!变量名字可以任意取,只不过取名字要遵循一些规则:

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

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

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

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


    查看全部
  • 任务

    第一步:把注释语句注释。

    第二步:编写代码,在页面中显示 “系好安全带,准备启航--目标JS”文字;

    第三步:编写代码,在页面中弹出提示框“准备好了,起航吧!”

    提示: 可以把弹框方法写在函数里。

    第四步:使用引入JS外部文件的方式实现以上的任务。

    注意:引用函数是src,不是scr


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

    2018-04-20

  • 我们先来回顾下JS入门篇的基础内容,在网页中插入JS代码,实现输出"JS进阶篇",并弹出对话框,内容为"关注JS高级篇"。

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

    2018-04-20

  • document.write(mystr.split("",3));

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

    var myarr=new Array(1,2,3,4,5,6);

    document.write(myarr+"<br>");

    document.write(myarr.slice(2,4)+"<br>");

    document.write(myarr);

    </script>

    查看全部
    0 采集 收起 来源:选定元素slice()

    2018-04-19

  • 1、取value属性值的时候,请使用value,

    例如 <input id='in' type='text' value='我是input的value属性的值'>

    取其value值:

    1
    document.getElementById('in').value // 取出的值是:我是input的value属性的值

    2、一股脑取出元素下所有的文本(带标签)请使用innerHTML

    例如 <div id='d'>  我是div下的innerHTML <p>我也会被取出来</p>  </div>

    取其innerHTML:

    1
    document.getElementById('d').innerHTML // 取出的值是:  我是div下的innerHTML <p>我也会被取出来</p>


    查看全部
  • currentDate = Date()currentYear = currentDate.()currentMonth = currentDate.()currentDay = currentDate.()weekday =[]currentWeekday = weekday[currentDate.()]scoreStr = scoreArr = scoreStr.()num = (i = i < scoreArr.lengthi++) {
            str = scoreArr[i]score = str.()document.(score+)num = num + (score)}
        document.(currentYear++currentMonth++currentDay++currentWeekday+)document.(+num+++num/scoreArr.length)


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

    2018-04-19

  • <!DOCTYPE html>

    <html>

     <head>

      <title> 事件</title>  

      <script type="text/javascript">

       function count(){

           

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

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

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

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

    //获取选择框的值

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

    //获取通过下拉框来选择的值来改变加减乘除的运算法则

    switch(select){

       case "+":

           sum = parseInt(txt1)+parseInt(txt2);

           break;

           

       case "-":

           sum = parseInt(txt1)-parseInt(txt2);

           break;

           

       case "*":

           sum = parseInt(txt1)*parseInt(txt2);

           break;

           

       case "/":

           sum = parseInt(txt1) / parseInt(txt2);

           break;

           

       default:

    }

        //设置结果输入框的值 

       // document.write(sum);

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

        

       }

      </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' />   


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

    2018-04-19

  • 直接调用,ONCLICK=ADD()

    查看全部
    0 采集 收起 来源:函数调用

    2018-04-19

  • 屏幕分辨率的高和宽

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

    <script type="text/javascript">   document.write( "屏幕宽度:"+screen.width+"px<br />" );   document.write( "屏幕高度:"+screen.height+"px<br />" ); </script>

     


    查看全部
  • Navigator 对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本。

    对象属性:


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

    2018-04-19

  • location用于获取或设置窗体的URL,并且可以用于解析URL。

    语法:

    location.[属性|方法]

    location对象属性图示:

    location 对象属性:

    location 对象方法:


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

    2018-04-19

  • history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能。

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

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

    back()方法,加载 history 列表中的前一个 URL。

    语法:

    window.history.back();

    比如,返回前一个浏览的页面,代码如下:

    window.history.back();

    注意:等同于点击浏览器的倒退按钮。

    back()相当于go(-1),代码如下:

    window.history.go(-1);


    查看全部
  • 前面学的简单,到了练习就难很多了。。。。。

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

    2018-04-19

举报

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

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