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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 是非颠倒(逻辑非操作符)

    "!"是逻辑非操作符,也就是"不是"的意思,非真即假,非假即真。

    查看全部
  • 我或你都可以 (逻辑或操作符)

    "||"逻辑或操作符,相当于生活中的“或者”,当两个条件中有任一个条件满足,“逻辑或”的运算结果就为“真”。


    查看全部
  • 我与你同在(逻辑与操作符)

    b>a && b<c    //“&&”是并且的意思, 读法"b大于a"并且" b小于c "

    “&&”是逻辑与操作符,只有“&&”两边值同时满足(同时为真),整个表达式值才为真。

    查看全部
  • 较量较量(比较操作符)

    两个操作数通过比较操作符进行比较,得到值为真(true)和假(false)。

    ![20180523152705096350361.png](http://ohfvjymgx.bkt.clouddn.com/20180523152705096350361.png)

    查看全部
  • 自加一,自减一 ( ++和- -)

    mynum = 10;
    mynum++; //mynum的值变为11
    mynum--; //mynum的值又变回10


    查看全部
  • 我还有其它用途( +号操作符)

    1)操作符

    算术操作符(+、-、*、/等),比较操作符(<、>、>=、<=等),逻辑操作符(&&、||、!)

    2 ) "+"操作符

    算术运算符主要用来完成类似加减乘除的工作,在JavaScript中,“+”不只代表加法,还可以连接两个字符串

    查看全部
  • 表达出你的想法(表达式)

    表达式是指具有一定的值、用操作符把常数和变量连接起来的代数式。一个表达式可以包含常数或变量

    ![20180523152705057474681.png](http://ohfvjymgx.bkt.clouddn.com/20180523152705057474681.png)

    分类:

    - 串表达式

    - 数值表达式

    - 布尔表达式

    查看全部
  • 多样化的我(变量赋值)

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

    变量是无所不能的容器,你可以把任何东西存储在变量里,如数值、字符串、布尔值等,

    查看全部
  • 确定你的存在(变量声明)

    声明变量语法: var 变量名1, 变量名2;

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

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

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

    - 必须以字母、下划线或美元符号开头,后面可以跟字母、下划线、美元符号和数字

    - 变量名区分大小写

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

    查看全部
  • Part-1: JS 基础语法

    什么是变量

    从字面上看,变量是可变的量;从编程角度讲,变量是用于存储某种/某些数值的存储器。

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

    2018-05-23

  • <script type="text/javascript">

      var attime;

      function clock(){

        var time=new Date();          

        attime= time.getHours()+":" +time.getMinutes()+":"+time.getSeconds();

        document.getElementById("clock").value = attime;

      }

      setInterval("clock()",1000);

    </script>


    计时器


    查看全部
  • <!DOCTYPE html>

    <html>

     <head>

      <title> new document </title>  

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

      <script type="text/javascript"> 

      

          window.onload = function(){

                      

         // 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。

             

         

     

    }

         

          // 编写一个函数,供添加按钮调用,动态在表格的最后一行添加子节点;

         function add(){

            var sn = prompt("yout student num: ","");

            var sm = prompt("your name: ","");

            var tab = document.getElementById(table);

            var ntr = document.createElement("tr");

            ntr.innerHTML='<td>'+sn+'</td>'+'<td>'+sm+'</td>'+'<td><a href="javascript:;" onclick="del(this)">删除</a></td>';

            tab.appendChild(ntr);

         }

       

         

         // 创建删除函数

       function del(obj)

         {

             var tr=obj.parentNode.parentNode;

             tr.parentNode.removeChild(tr);

         }



      </script> 

     </head> 

     <body> 

       <table border="1" width="50%" id="table">

       <tr>

    <th>学号</th>

    <th>姓名</th>

    <th>操作</th>

       </tr>  


       <tr>

    <td>xh001</td>

    <td>王小明</td>

    <td><a href="javascript:;" onclick="del(this);" >删除</a></td>   <!--在删除按钮上添加点击事件  -->

       </tr>


       <tr>

    <td>xh002</td>

    <td>刘小芳</td>

    <td><a href="javascript:;" onclick ="del(this);" >删除</a></td>   <!--在删除按钮上添加点击事件  -->

       </tr>  


       </table>

       <input type="button" value="添加一行"  onclick = "add();"/>   <!--在添加按钮上添加点击事件  -->

     </body>

    </html>


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

    2018-05-22

  • 卸载事件

    window.onunload = onunload_message;   


         function onunload_message(){   

            alert("您确定离开该网页吗?");   

        }   


    查看全部
  • 通俗讲二维数组就是一个表格;

    myarr[1][2],1表示表格的行,2表示表格的列;

    "myarr["+i+"]["+j+"]的值:"+myarr[i][j]+"<br>");中,i和j两个是变量,双引号中的内容是常量,中间用连接符+来连接表示在i的位置是输出的是i的值,类似于字符串"abc" + "bcd",这里是把i替换成对于的数值。


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

    2018-05-22

举报

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

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