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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • JavaScript能做什么? 1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等) 2.实现页面与用户之间的实时、动态交互(如:用户注册、登陆验证等) JS进阶篇学习什么? 在JavaScript入门篇中,我们学习了如何插入JS、输出内容及简单的DOM操作,JavaScript进阶篇让您进一步的了解JS的变量、数组、函数、语法、对象、事件、DOM操作,制作简单的网页动态效果。
    查看全部
    0 采集 收起 来源:让你认识JS

    2015-05-11

  • 自加一,自减一 ( ++和- -) 算术操作符除了(+、-、*、/)外,还有两个非常常用的操作符,自加一“++”;自减一“--”。首先来看一个例子: mynum = 10; mynum++; //mynum的值变为11 mynum--; //mynum的值又变回10 上面的例子中,mynum++使mynum值在原基础上增加1,mynum--使mynum在原基础上减去1,其实也可以写成: mynum = mynum + 1;//等同于mynum++ mynum = mynum - 1;//等同于mynum-- ++a与a++的区别 a++是运算后自增,而++a是先自增在运算(即++a 先自加再取值,a++先取值在自加) 相同点: a++和++a中, i的值自增1,也就是a=a+1; 不同点: a++ : 把(a++)作为一个整体表达式,a 的值虽然自增1,但是整个表达式的值是取 a自增 之前 的值; ++a : 也把(++a)作为一个整体表达式,a 的值也自增1,但是整个表达式的值是取 a 自增 之后 的值。 看实例: m=a++ 相当于 m=a,a=a+1 m=++a 相当于 a=a+1,m=a 这种自加运算和自减运算,都相当于两步骤 总结: a++ 是先把 a 赋值,然后自己加一, ++a,是先自己加一,然后再把 a 赋值。
    查看全部
  • 我还有其它用途( +号操作符) 操作符是用于在JavaScript中指定一定动作的符号。 (1)操作符 看下面这段JavaScript代码。 sum = numa + numb; 其中的"="和"+"都是操作符。 JavaScript中还有很多这样的操作符,例如,算术操作符(+、-、*、/等),比较操作符(<、>、>=、<=等),逻辑操作符(&&、||、!)。 注意: “=” 操作符是赋值,不是等于。 (2) "+"操作符 算术运算符主要用来完成类似加减乘除的工作,在JavaScript中,“+”不只代表加法,还可以连接两个字符串,例如: mystring = "Java" + "Script"; // mystring的值“JavaScript”这个字符串
    查看全部
  • 表达出你的想法(表达式) 表达式与数学中的定义相似,表达式是指具有一定的值、用操作符把常数和变量连接起来的代数式。一个表达式可以包含常数或变量。 我们先看看下面的JavaScript语句: 生活中“再见”表达方法很多,如:英语(goodbye)、网络语(88)、肢体语(挥挥手)等。在JavaScript表达式无处不在,所以一定要知道可以表达哪些内容,看看下面几种情况: 注意:串表达式中mychar是变量 注意:数值表达式中num是变量 注意:布尔表达式中num是变量
    查看全部
  • 多样化的我(变量赋值) 我们可以把变量看做一个盒子,盒子用来存放物品,那如何在变量中存储内容呢? 我们使用"="号给变量存储内容,看下面的语句: var mynum = 5 ; //声明变量mynum并赋值。 这个语句怎么读呢? 给变量mynum赋值,值为5。我们也可以这样写: var mynum; //声明变量mynum mynum = 5 ; //给变量mynum赋值 注:这里 "="号的作用是给变量赋值,不是等于号。 盒子可以装衣服、玩具、水果...等。其实,变量是无所不能的容器,你可以把任何东西存储在变量里,如数值、字符串、布尔值等,例如: var num1 = 123; // 123是数值 var num2 = "一二三"; //"一二三"是字符串 var num3=true; //布尔值true(真),false(假) 其中,num1变量存储的内容是数值;num2变量存储的内容是字符串,字符串需要用一对引号""括起来,num3变量存储的内容是布尔值(true、false)。
    查看全部
  • 确定你的存在(变量声明) 我们要使用盒子装东西,是不是先要找到盒子,那在编程中,这个过程叫声明变量,找盒子的动作,如何表示: 声明变量语法: 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关键字和保留字做变量名。
    查看全部
  • 什么是变量? 从字面上看,变量是可变的量;从编程角度讲,变量是用于存储某种/某些数值的存储器。我们可以把变量看做一个盒子,盒子用来存放物品,物品可以是衣服、玩具、水果...等。
    查看全部
    0 采集 收起 来源:什么是变量

    2015-05-11

  • 计时器setInterval() 在执行时,从载入页面后每隔指定的时间执行代码。 语法: setInterval(代码,交互时间); 参数说明: 1. 代码:要调用的函数或要执行的代码串。 2. 交互时间:周期性执行或调用表达式之间的时间间隔,以毫秒计(1s=1000ms)。
    查看全部
  • 两个关键点: parseInt()可以将字符串转换成整数; getElementById().value;
    查看全部
    0 采集 收起 来源:编程练习

    2015-05-11

  • var myarr=new Array();//定义数组 myarr[0]=82;//数组赋值 myarr[1]=99;
    查看全部
  • 加载事件(onload) 事件会在页面加载完成后,立即发生,同时执行被调用的程序。 注意: 加载页面时,触发onload事件,事件写在<body>标签内。
    查看全部
  • 访问父节点parentNode 获取指定节点的父节点 语法: elementNode.parentNode 注意:父节点只能有一个。 看看下面的例子,获取 P 节点的父节点,代码如下: <div id="text"> <p id="con"> parentNode 获取指点节点的父节点</p> </div> <script type="text/javascript"> var mynode= document.getElementById("con"); document.write(mynode.parentNode.nodeName); </script> 运行结果: parentNode 获取指点节点的父节点 DIV 访问祖节点: elementNode.parentNode.parentNode 看看下面的代码: <div id="text"> <p> parentNode <span id="con"> 获取指点节点的父节点</span> </p> </div> <script type="text/javascript"> var mynode= document.getElementById("con"); document.write(mynode.parentNode.parentNode.nodeName); </script> 运行结果: parentNode获取指点节点的父节点 DIV 注意: 浏览器兼容问题,chrome、firefox等浏览器标签之间的空白也算是一个文本节点。
    查看全部
  • table包括了text和tbody两个子节点,tr是tbody的子节点。新增加的tr作为table新的子节点,有文字输入就有tbody。删除行列的时候设table为父节点(table.appendChild)是不对的,因为一二行有数据的tr的父节点是tbody,table.appendChild的子节点不是tr。
    查看全部
    0 采集 收起 来源:编程练习

    2015-05-11

  • <!DOCTYPE HTML> <html > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>系好安全带,准备启航</title> <script type="text/javascript"> //通过javascript的日期对象来得到当前的日期,并输出。 var myDate=new Date(); var year=myDate.getFullYear(); var month=myDate.getMonth(); var date=myDate.getDate(); var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"]; var week=weekday[myDate.getDay()]; //成绩是一长窜的字符串不好处理,找规律后分割放到数组里更好操作哦 var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76"; var scorePerson=scoreStr.split(";"); //从数组中将成绩撮出来,然后求和取整,并输出。 var sum=0; var avg=0; for( var i=0;i<scorePerson.length;i++) { sum+=parseInt(scorePerson[i].substr(3,2)); } avg=sum/scorePerson.length; document.write(year+"年"+month+"月"+date+"日 "+week+"--班级总分为:"+avg); </script> </head> <body> </body> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

举报

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

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