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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • Math对象属性: E 返回算术常量e,即自然对数的底数(约等于2.718) LN2 返回2的自然对数(约等于0.693) LN10 返回10的自然对数(约等于2.302) LOG2E 返回以2为底的e的对数(约等于1.442) LOG10E 返回以10为底的e的对数(约等于0.434) PI 返回圆周率(约等于3.14159) SQRT1_2 返回2的平方根的倒数(约等于0.707) SQRT2 返回2的平方根(约等于1.414) Math对象方法 abs(x) 返回数的绝对值 acos(x) 返回数的反余弦值 asin(x) 返回数的反正弦值 atan(x) 返回数字的反正切值 atan2(y,x) 返回x轴到点(x,y)的角度(以弧度为单位) ceil(x) 对数进行上舍入 cos(x) 返回数的余弦 exp(x) 返回e的指数 floor(x) 对数进行下舍入 log(x) 返回数的自然对数(底为e) max(x,y) 返回x和y中的最高值 min(x,y) 返回x和y中的最低值 pow(x,y) 返回x的y次幂 random() 返回0-1之间的随机数 round(x) 把数四舍五入为最接近的整数 sin(x) 返回数的正弦 tan(x) 返回数的正切 sqrt(x) 返回数的平方根 toSource() 返回该对象的源代码 valueOf() 返回Math对象的原始值
    查看全部
    0 采集 收起 来源:Math对象

    2014-12-22

  • String 字符串对象 在之前的学习中已经使用字符串对象了,定义字符串的方法就是直接赋值。比如: var mystr = "I love JavaScript!" 定义mystr字符串后,我们就可以访问它的属性和方法。 访问字符串对象的属性length: stringObject.length; 返回该字符串的长度。 var mystr="Hello World!"; var myl=mystr.length; 以上代码执行后,myl 的值将是:12 访问字符串对象的方法: 使用 String 对象的 toUpperCase() 方法来将字符串小写字母转换为大写: var mystr="Hello world!"; var mynum=mystr.toUpperCase(); 以上代码执行后,mynum 的值是:HELLO WORLD! ********代码************ <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>string对象 </title> <script type="text/javascript"> var message="I love JavaScript!"; var mychar=message.toLowerCase() ; document.write("字符串为:"+mychar+"<br>"); </script> </head> <body> </body> </html> *****效果****** 字符串为:i love javascript! ***将首字母的大写转化为小写***
    查看全部
  • 返回/设置时间方法 get/setTime() 返回/设置时间,单位毫秒数,计算从 1970 年 1 月 1 日零时到日期对象所指的日期的毫秒数。 如果将目前日期对象的时间推迟1小时,代码如下: <script type="text/javascript"> var mydate=new Date(); document.write("当前时间:"+mydate+"<br>"); mydate.setTime(mydate.getTime() + 60 * 60 * 1000); document.write("推迟一小时时间:" + mydate); </script> 结果: 当前时间:Thu Mar 6 11:46:27 UTC+0800 2014 推迟一小时时间:Thu Mar 6 12:46:27 UTC+0800 2014 注意:1. 一小时 60 分,一分 60 秒,一秒 1000 毫秒 2. 时间推迟 1 小时,就是: “x.setTime(x.getTime() + 60 * 60 * 1000);” **********代码*********** <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>日期对象 </title> <script type="text/javascript"> var mydate=new Date(); document.write("当前时间:"+mydate+"<br>"); mydate.setTime(mydate.getTime()+ 2* 60 * 60 * 1000); document.write("推迟二小时时间:" + mydate); </script> </head> <body> </body> </html> ******效果****** 当前时间:Mon Dec 22 2014 10:33:22 GMT+0800 (中国标准时间) 推迟二小时时间:Mon Dec 22 2014 12:33:22 GMT+0800 (中国标准时间) 时间推迟2小时。
    查看全部
  • 返回星期方法 getDay() 返回星期,返回的是0-6的数字,0 表示星期天。如果要返回相对应“星期”,通过数组完成,代码如下: <script type="text/javascript"> var mydate=new Date();//定义日期对象 var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"]; //定义数组对象,给每个数组项赋值 var mynum=mydate.getDay();//返回值存储在变量mynum中 document.write(mydate.getDay());//输出getDay()获取值 document.write("今天是:"+ weekday[mynum]);//输出星期几 </script> 注意:以上代码是在2014年3月7日,星期五运行。 结果: 5 今天是:星期五 ******代码******* <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>获得星期</title> <script type="text/javascript"> var mydate=new Date(); var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"]; var xingqi = mydate.getDay();//当前日期储存在变量“xingqi”中。 document.write(mydate.getDay());//输出当前日期 document.write("今天是:" +weekday[xingqi] );//输出文字日期 </script> </head> <body> </body> </html> *****显示效果****** 1今天是:星期一
    查看全部
    0 采集 收起 来源:返回星期方法

    2018-03-22

  • var mynum=mydate.getDay();//返回值存储在变量mynum中 document.write(mydate.getDay());//输出getDay()获取值 document.write("今天是:"+ weekday[mynum]);//输出星期几
    查看全部
    0 采集 收起 来源:返回星期方法

    2018-03-22

  • 返回/设置年份方法 get/setFullYear() 返回/设置年份,用四位数表示。 var mydate=new Date();//当前时间2014年3月6日 document.write(mydate+"<br>");//输出当前时间 document.write(mydate.getFullYear()+"<br>");//输出当前年份 mydate.setFullYear(81); //设置年份 document.write(mydate+"<br>"); //输出年份被设定为 0081年。 注意:不同浏览器, mydate.setFullYear(81)结果不同,年份被设定为 0081或81两种情况。 结果: Thu Mar 06 2014 10:57:47 GMT+0800 2014 Thu Mar 06 0081 10:57:47 GMT+0800 注意: 1.结果格式依次为:星期、月、日、年、时、分、秒、时区。(火狐浏览器) 2. 不同浏览器,时间格式有差异。 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>获得年份 </title> <script type="text/javascript"> var mydate=new Date(); var myyear=mydate.getFullYear(); document.write("年份:"+myyear); </script> </head> <body> </body> </html> 浏览器显示结果: 年份:2014
    查看全部
  • 团里添加新成员(向数组增加一个新元素) 只需使用下一个未用的索引,任何时刻可以不断向数组增加新元素。 myarray[5]=88; //使用一个新索引,为数组增加一个新元素
    查看全部
  • 我们还可以用简单的方法创建上面的数组和赋值: 第一种方法: var myarray = new Array(66,80,90,77,59);//创建数组同时赋值 第二种方法: var myarray = [66,80,90,77,59];//直接输入一个数组(称 “字面量数组”) 注意:数组存储的数据可以是任何类型(数字、字符、布尔值等)
    查看全部
  • 我们创建数组的同时,还可以为数组指定长度,长度可任意指定。 var myarray= new Array(8); //创建数组,存储8个数据。 注意: 1.创建的新数组是空数组,没有值,如输出,则显示undefined。 2.虽然创建数组时,指定了长度,但实际上数组都是变长的,也就是说即使指定了长度为8,仍然可以将元素存储在规定长度以外。
    查看全部
  • var myarr=new Array(); //定义数组 myarr[0]=80; myarr[1]=60; myarr[2]=99; document.write("第一个人的成绩是:"+myarr[0]); document.write("第二个人的成绩是:"+myarr[1]); document.write("第三个人的成绩是:"+myarr[2]);
    查看全部
  • Date 日期对象 日期对象可以储存任意一个日期,并且可以精确到毫秒数(1/1000 秒)。 定义一个时间对象 : var Udate=new Date(); 注意:使用关键字new,Date()的首字母必须大写。 使 Udate 成为日期对象,并且已有初始值:当前时间(当前电脑系统时间)。 如果要自定义初始值,可以用以下方法: var d = new Date(2012, 10, 1); //2012年10月1日 var d = new Date('Oct 1, 2012'); //2012年10月1日 我们最好使用下面介绍的“方法”来严格定义时间。 访问方法语法:“<日期对象>.<方法>” Date对象中处理时间和日期的常用方法: get/setDate()-----------返回/设置日期; get/setFullYear()-----返回/设置年份,用四位数表示; get/setYear()---------返回/设置年份; get/setMonth()--------返回/设置月份。0:一月、11:十二月、所以加一; get/setDay()----------返回/设置星期,0表示星期天; get/setHours()--------返回/设置小时,24小时制; get/setMinutes()------返回/设置分钟数; get/setSeconds()------返回/设置秒钟数; get/setTime()---------返回/设置时间;(毫秒为单位);
    查看全部
    0 采集 收起 来源: Date 日期对象

    2018-03-22

  • <!DOCTYPE html> <html> <head> <title> 事件</title> <script type="text/javascript"> function count(){ var shu1 = document.getElementById('txt1').value; var shu2 = document.getElementById('txt2').value; var fz=document.getElementById('select').value; var result; if(fz=="+"){ result = parseInt(shu1) + parseInt(shu2) ; }else if(fz=="-"){ result = parseInt(shu1) - parseInt(shu2); }else if(fz=="*"){ result = parseInt(shu1) * parseInt(shu2); }else if(fz=="/"){ result = parseInt(shu1) / parseInt(shu2); } document.getElementById('fruit').value=result; } </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' /> </body> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • “&&”是逻辑与操作符,只有“&&”两边值同时满足(同时为真),整个表达式值才为真。
    查看全部
  • 自加一,自减一 ( ++和- -) 算术操作符除了(+、-、*、/)外,还有两个非常常用的操作符,自加一“++”;自减一“--”。首先来看一个例子: mynum = 10; mynum++; //mynum的值变为11 mynum--; //mynum的值又变回10 上面的例子中,mynum++使mynum值在原基础上增加1,mynum--使mynum在原基础上减去1,其实也可以写成: mynum = mynum + 1;//等同于mynum++ mynum = mynum - 1;//等同于mynum--
    查看全部
  • 程序结果
    查看全部

举报

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

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