慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

ZHANGYU22__S

string.substring(0,2);左闭右开

查看全部

1 采集收起来源：提取字符串substring()
2018-12-10

依然小荔枝

主要是因为js单线程的问题，因为clock()已经执行过一遍了，所以当input开始渲染的时候，js函数已经执行完毕了。

因为js执行的时候没有渲染input，id：clock的值为空，所以js函数找不到id

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>定时器</title></head><script type="text/javascript"

>  function clock(){    var time=new Date();    console.log(3);        attime=time.getHours()+":"+time.getMinutes()+":"+time.getSeconds();    console.log(1);    document.getElementById("clock").value = attime;    console.log(2);  }</

script><body><form> <input type="text" id="clock" size="50" /></form><script> clock();</script></body></html>

查看全部

0 采集收起来源：计时器setInterval()

2018-12-10

FreudLi
语法:
```
stringObject.
```
//字符对象.方法(索引)
注意：
1.字符串中第一个字符的下标是 0。最后一个字符的下标为字符串长度减一（string.length-1）。
2.如果参数 index 不在 0 与 string.length-1 之间，该方法将返回一个空字符串。
查看全部

0 采集收起来源：返回指定位置的字符
2018-12-10
FreudLi

//对象 = 对象.方法
var mynum = mystr.toUpperCase();
//转大写 toUpperCase()
//转小写 toLowerCase()

查看全部

0 采集收起来源： String 字符串对象
2018-12-10
LongFace

<!DOCTYPE html>
<html>
<head>
<title> 事件</title>
<script type="text/javascript">
function count(){

var res='';
//获取第一个输入框的值
var txt1=parseInt(document.getElementById("txt1").value);
//获取第二个输入框的值
var txt2 =parseInt( document.getElementById("txt2").value);

var cal = document.getElementById("select").value;
//获取选择框的值
switch(cal){
case '+':
res = txt1+txt2;
break;
case '-':
res = txt1-txt2;
break;
case '*':
res = txt1*txt2;
break;
case '/':
res = txt1/txt2;
break;
}

}
//获取通过下拉框来选择的值来改变加减乘除的运算法则
//设置结果输入框的值
document.getElementById("fruit").value = res;
}
function del(){
document.getElementById("txt1").value="";
document.getElementById("txt2").value="";
document.getElementById("fruit").value="";
}
</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' />
<input type='button' value=' Clear ' onclick="del()"/>
</body>
</html>

查看全部

1 采集收起来源：编程练习
2018-12-10
FreudLi
get/setTime() 返回/设置时间
```
 var mydate=new Date();
  document.write("当前时间："+mydate+"<br>");
  mydate.( + 60 * 60 * 1000);
```
注意:1. 一小时 60 分，一分 60 秒，一秒 1000 毫秒
查看全部

0 采集收起来源：返回/设置时间方法
2018-12-10
FreudLi
一：对象：JS中的所有事物都是对象（字符串、数值、数组、函数等）。每个对象带有属性和方法
二：对象的属性：反映该对象某些特定的性质（字符串长度、图像的长宽）
三：对象的方法：能够在对象上执行的动作（表单的提交"submit"，时间的获取"getYear"）
```
 1.使用"new"关键字定义对象
   var objectName =new Array();
 2.使用对象字面量来定义对象
   var objectName =[];
```
四：访问对象属性的语法：
```
objectName.propertyName
```
对象名.对象的属性，就是访问该对象的某个指定属性
五：访问对象的方法：
```
objectName.methodName()
```
对象名.对称方法
如使用string 对象的 toUpperCase() 方法来将文本转换为大写
查看全部

1 采集收起来源：什么是对象
2018-12-10
慕斯卡7430691
颠倒数组元素顺序r
everse()
reverse() 方法用于颠倒数组中元素的顺序。
语法：
```
arrayObject.reverse()
```
注意：该方法会改变原来的数组，而不会创建新的数组。
定义数组myarr并赋值，然后颠倒其元素的顺序：
```
<script type="text/javascript">   var myarr = new Array(3)   myarr[0] = "1"   myarr[1] = "2"   myarr[2] = "3"   document.write(myarr + "<br />")   document.write(myarr.reverse()) </script>
```
运行结果：
```
1,2,3 3,2,1
```
任务
补充右边编辑器第8行，使用reverse()方法,将数组myarr1顺序颠倒，并输出。
查看全部

0 采集收起来源：颠倒数组元素顺序reverse()
2018-12-10
慕斯卡7430691
指定分隔符连接数组元素join()
join()方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。
语法：
```
arrayObject.join(分隔符)
```
参数说明:
注意：返回一个字符串，该字符串把数组中的各个元素串起来，用<分隔符>置于元素与元素之间。这个方法不影响数组原本的内容。我们使用join（）方法，将数组的所有元素放入一个字符串中，代码如下：
```
<script type="text/javascript">   var myarr = new Array(3);   myarr[0] = "I";   myarr[1] = "love";   myarr[2] = "JavaScript";   document.write(myarr.join()); </script>
```
运行结果：
```
I,love,JavaScript
```
我们将使用分隔符来分隔数组中的元素，代码如下：
```
<script type="text/javascript">   var myarr = new Array(3)   myarr[0] = "I";   myarr[1] = "love";   myarr[2] = "JavaScript";   document.write(myarr.join(".")); </script>
```
运行结果：
```
I.love.JavaScript
```
任务
补充右边编辑器第10行，使用join()方法,用分隔符"-",将数组myarr3中元素连接，并输出。
查看全部

0 采集收起来源：指定分隔符连接数组元素join()
2018-12-10
慕斯卡7430691
数组连接concat()
concat() 方法用于连接两
个或多个数组。此方法返回一个新数组，不改变原来的数组。
语法
```
arrayObject.concat(array1,array2,...,arrayN)
```
参数说明：
注意: 该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。
我们创建一个数组，将把 concat() 中的参数连接到数组 myarr 中，代码如下：
```
<script type="text/javascript">   var mya = new Array(3);   mya[0] = "1";   mya[1] = "2";   mya[2] = "3";   document.write(mya.concat(4,5)+"<br>");   document.write(mya);  </script>
```
运行结果：
```
1,2,3,4,5 1,2,3
```
我们创建了三个数组，然后使用 concat() 把它们连接起来，代码如下：
```
<script type="text/javascript">   var mya1= new Array("hello!")   var mya2= new Array("I","love");   var mya3= new Array("JavaScript","!");   var mya4=mya1.concat(mya2,mya3);   document.write(mya4); </script>
```
运行结果：
```
hello!,I,love,JavaScript,!
```
任务
补充右边编辑器第9行，使用concat()方法连接myarr1和myarr2两个数组并输出。
查看全部

0 采集收起来源：数组连接concat()
2018-12-10
慕斯卡7430691
随机数 random()
```
random() 方法可返回介于 0 ~ 1（大于或等于 0 但小于 1 )之间的一个随机数。
```
语法：
```
Math.random();
```
注意：返回一个大于或等于 0 但小于 1 的符号为正的数字值。
我们取得介于 0 到 1 之间的一个随机数，代码如下：
```
<script type="text/javascript">   document.write(Math.random()); </script>
```
运行结果：
```
0.190305486195328
```
注意:因为是随机数，所以每次运行结果不一样，但是0 ~ 1的数值。
获得0 ~ 10之间的随机数，代码如下:
```
<script type="text/javascript">   document.write((Math.random())*10); </script>
```
运行结果：
```
8.72153625893887
```
任务
补充右边编辑器代码，在script标签内，使用random ()方法和round()，计算不大于10的整数。
查看全部

0 采集收起来源：随机数 random()
2018-12-10
慕斯卡7430691
四舍五入round()
round() 方法可把一个数字四舍五入为最接近的整数。
语法:
```
Math.round(x)
```
参数说明：
注意：
1. 返回与 x 最接近的整数。
2. 对于 0.5，该方法将进行上舍入。(5.5 将舍入为 6)
3. 如果 x 与两侧整数同等接近，则结果接近 +∞方向的数字值。(如 -5.5 将舍入为 -5; -5.52 将舍入为 -6),如下图:
把不同的数舍入为最接近的整数,代码如下：
```
<script type="text/javascript">   document.write(Math.round(1.6)+ "<br>");   document.write(Math.round(2.5)+ "<br>");   document.write(Math.round(0.49)+ "<br>");   document.write(Math.round(-6.4)+ "<br>");   document.write(Math.round(-6.6)); </script>
```
运行结果：
```
2 3 0 -6 -7
```
查看全部

0 采集收起来源：四舍五入round()
2018-12-10
FreudLi

+号有链接字符串的作用，连接优先高于运算优先, 所以直接a+b是简单的拼接
操作符之间的优先级（高到低）:
算术操作符比较操作符逻辑操作符 "="赋值符号

查看全部

2 采集收起来源：编程练习
2018-12-10

慕斯卡7430691

向下取整floor()

floor() 方法可对一个数进行向下取整。

语法:

Math.floor(x)

参数说明：

注意：返回的是小于或等于x，并且与 x 最接近的整数。

我们将在不同的数字上使用 floor() 方法，代码如下:

<script type="text/javascript">   document.write(Math.floor(0.8)+ "<br>")   document.write(Math.floor(6.3)+ "<br>")   document.write(Math.floor(5)+ "<br>")   document.write(Math.floor(3.5)+ "<br>")   document.write(Math.floor(-5.1)+ "<br>")   document.write(Math.floor(-5.9)) </script>

运行结果：

0 6 5 3 -6 -6

查看全部

0 采集收起来源：向下取整floor()

2018-12-10

慕斯卡7430691

向上取整ceil()

ceil() 方法可对一个数进行向上取整。

语法:

Math.ceil(x)

参数说明:

注意：它返回的是大于或等于x，并且与x最接近的整数。

我们将把 ceil() 方法运用到不同的数字上，代码如下：

<script type="text/javascript">   document.write(Math.ceil(0.8) + "<br />")   document.write(Math.ceil(6.3) + "<br />")   document.write(Math.ceil(5) + "<br />")   document.write(Math.ceil(3.5) + "<br />")   document.write(Math.ceil(-5.1) + "<br />")   document.write(Math.ceil(-5.9)) </script>

运行结果：

1 7 5 4 -5 -5

查看全部

0 采集收起来源：向上取整ceil()

2018-12-10

首页上一页 509 510 511 512 513 514 515 下一页尾页

0/150

提交

取消

开始学习

课程须知: 你需要具备HTML、css基础知识，建议同学们也可以想学习下js入门篇，快速认识js，熟悉js基本语法，更加快速入手进阶篇！

老师告诉你能学到什么？: 通过JavaScript学习，掌握基本语法，制作简单交互式页面

JavaScript进阶篇

颠倒数组元素顺序r

everse()

任务

指定分隔符连接数组元素join()

任务

数组连接concat()

任务

随机数 random()

任务

四舍五入round()

向下取整floor()

向上取整ceil()