慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

stone8467470
操作符是用于在JavaScript中指定一定动作的符号。
下面这段JavaScript代码。
```
sum = numa + numb;
```
其中的"="和"+"都是操作符。
JavaScript中还有很多这样的操作符，例如，算术操作符(+、-、*、/等)，比较操作符(<、>、>=、<=等)，逻辑操作符(&&、||、！)。
注意: “=” 操作符是赋值，不是等于。
查看全部

0 采集收起来源：我还有其它用途( +号操作符）
2018-06-15
stone8467470
"+"操作符
算术运算符主要用来完成类似加减乘除的工作，在JavaScript中，“+”不只代表加法，还可以连接两个字符串，例如：
```
mystring = "Java" + "Script"; // mystring的值“JavaScript”这个字符串
```
查看全部

0 采集收起来源：我还有其它用途( +号操作符）
2018-06-15
北祈
选定元素slice()
slice() 方法可从已有的数组中返回选定的元素。
语法
返回指定位置的值
不会改变内容本身
```
arrayObject.slice(开始下标,结束下标前一位不写就是后面的全部)
```
查看全部

0 采集收起来源：选定元素slice()
2018-06-14
北祈
颠倒数组元素顺序reverse()
reverse() 方法用于颠倒数组中元素的顺序。
语法：
```
arrayObject.reverse()
```
注意：该方法会改变原来的数组，而不会创建新的数组。
查看全部

0 采集收起来源：颠倒数组元素顺序reverse()
2018-06-14
北祈
指定分隔符连接数组元素join()
join()方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。
语法：
```
arrayObject.join(分隔符)
```
查看全部

0 采集收起来源：指定分隔符连接数组元素join()
2018-06-14
北祈

数组连接，concat()
例：documnet.write(arry.contcat(arry1))
还有就是比如多个数组需要连接的时候var一个容器来把他们装起来然后。、
var ayy2=arry.concat（arry1,arry2）

查看全部

0 采集收起来源：数组连接concat()
2018-06-14
慕九州8576440
```
parseInt() 字符串类型转成整型。
```
查看全部

0 采集收起来源：编程练习
2018-06-14
简陌的海角

&& 代表并且
|| 代表或者两个条件钟满足其中任何一个，运算结果为真。

查看全部

0 采集收起来源：我或你都可以 (逻辑或操作符）
2018-06-14
qq_嵩嵩嵩嵩_0

charAT(字符下标)
indexOf("字符值"，指定搜素指)
split("分隔符"，次数)
substring(起点，终点 )
substr(起点，长度)

查看全部

0 采集收起来源：提取指定数目的字符substr()
2018-06-14
简陌的海角

var num1，num2 //声明多个变量，变量之间用“，”隔开

查看全部

0 采集收起来源：确定你的存在(变量声明)
2018-06-14
DGua

没用JS实现的要求效果，感兴趣的朋友可以一起讨论下。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
.container{
width:400px;
height:auto;
margin:100px auto;
}
input{
display: none;
}
label{
position: relative;
width:100px;
border-top: 3px solid brown;
border-left:2px solid #aaa;
border-right:2px solid #aaa;
border-bottom:22px solid transparent;
text-align: center;
box-sizing: content-box;
z-index: 999;
top:3px;
margin:5px;
margin-bottom: 0;
}
.tablist{
list-style-type: none;
display: flex;
justify-content: flex-start;
height:60px;
width:100%;
margin:0;
padding:0;
}
.page{
padding: 10px 25px;
background-color: transparent;
position: absolute;
width: 100%;
z-index: -1;
opacity: 0;
left: 0;
transform: translateY(-3px);
border-radius: 6px;
border:1px solid black;
border-top:3px solid brown;
}
.tablist li{
display: inline;
margin:10px;
line-height: 60px;
}
input:checked:nth-of-type(1)~.tablist label:nth-of-type(1){
border-bottom:3px solid white;
}
input:checked:nth-of-type(2)~.tablist label:nth-of-type(2){
border-bottom:3px solid white;
}
input:checked:nth-of-type(3)~.tablist label:nth-of-type(3){
border-bottom:3px solid white;
}
input:checked:nth-of-type(1)~.page:nth-of-type(1){
opacity: 1;
transition: 0.5s opacity ease-in, 0.8s transform ease;
position: relative;
top: 0;
z-index: 100;
transform: translateY(0px);
text-shadow: 0 0 0;
}input:checked:nth-of-type(2)~.page:nth-of-type(2){
opacity: 1;
transition: 0.5s opacity ease-in, 0.8s transform ease;
position: relative;
top: 0;
z-index: 100;
transform: translateY(0px);
text-shadow: 0 0 0;
}input:checked:nth-of-type(3)~.page:nth-of-type(3){
opacity: 1;
transition: 0.5s opacity ease-in, 0.8s transform ease;
position: relative;
top: 0;
z-index: 100;
transform: translateY(0px);
text-shadow: 0 0 0;
}

</style>
</head>
<body>
<div class="container">
<input type="radio" id="fangchan" name="tabgroup" checked="checked">
<input type="radio" id="jiaju" name="tabgroup">
<input type="radio" id="ershoufang" name="tabgroup">
<ul class="tablist">
<label for="fangchan">
<li class="tab1">房产</li>
</label>
<label for="jiaju">
<li class="tab2">家居</li>
</label>
<label for="ershoufang">
<li class="tab3">二手房</li>
</label>
</ul>
<div class="page">
275万购昌平邻铁三居总价20万买一居 <br>
200万内购五环三居 140万安家东三环 <br>
北京首现零首付楼盘 53万购东5环50平<br>
京楼盘直降5000 中信府公园楼王现房<br>
</div>
<div class="page">
40平出租屋大改造美少女的混搭小窝<br>
经典清新简欧爱家 90平老房焕发新生<br>
新中式的酷色温情 66平撞色活泼家居<br>
瓷砖就像选好老婆卫生间烟道的设计<br>
</div>
<div class="page">
通州豪华3居260万二环稀缺2居250w甩<br>
西3环通透2居290万 130万2居限量抢购<br>
黄城根小学学区仅260万 121平70万抛!<br>
独家别墅280万苏州桥2居优惠价248万<br>
</div>
</div>
</body>
</html>

没用JS实现的要求效果，感兴趣的朋友可以一起讨论下。

查看全部

0 采集收起来源：编程挑战
2018-06-14

DGua

<!DOCTYPE html><html><head>  <meta charset="UTF-8">  <meta name="viewport" content="width=device-width, initial-scale=1.0">  <meta http-equiv="X-UA-Compatible" content="ie=edge">  <title>Document</title>  <style>  .container{    width:400px;    height:auto;    margin:100px auto;  }  input{    display: none;  }  label{    position: relative;    width:100px;    border-top: 3px solid brown;    border-left:2px solid #aaa;    border-right:2px solid #aaa;    border-bottom:22px solid transparent;    text-align: center;    box-sizing: content-box;    z-index: 999;    top:3px;    margin:5px;    margin-bottom: 0;  }  .tablist{    list-style-type: none;    display: flex;    justify-content: flex-start;    height:60px;    width:100%;    margin:0;    padding:0;  }  .page{    padding: 10px 25px;      background-color: transparent;      position: absolute;      width: 100%;      z-index: -1;      opacity: 0;      left: 0;      transform: translateY(-3px);      border-radius: 6px;      border:1px solid black;      border-top:3px solid brown;  }  .tablist li{    display: inline;    margin:10px;    line-height: 60px;  }  input:checked:nth-of-type(1)~.tablist label:nth-of-type(1){    border-bottom:3px solid white;  }  input:checked:nth-of-type(2)~.tablist label:nth-of-type(2){    border-bottom:3px solid white;  }  input:checked:nth-of-type(3)~.tablist label:nth-of-type(3){    border-bottom:3px solid white;  }  input:checked:nth-of-type(1)~.page:nth-of-type(1){    opacity: 1;      transition: 0.5s opacity ease-in, 0.8s transform ease;      position: relative;      top: 0;      z-index: 100;      transform: translateY(0px);      text-shadow: 0 0 0;  }input:checked:nth-of-type(2)~.page:nth-of-type(2){    opacity: 1;      transition: 0.5s opacity ease-in, 0.8s transform ease;      position: relative;      top: 0;      z-index: 100;      transform: translateY(0px);      text-shadow: 0 0 0;  }input:checked:nth-of-type(3)~.page:nth-of-type(3){    opacity: 1;      transition: 0.5s opacity ease-in, 0.8s transform ease;      position: relative;      top: 0;      z-index: 100;      transform: translateY(0px);      text-shadow: 0 0 0;  }  </style></head><body>  <div class="container">    <input type="radio" id="fangchan" name="tabgroup" checked="checked">    <input type="radio" id="jiaju" name="tabgroup">    <input type="radio" id="ershoufang" name="tabgroup">    <ul class="tablist">      <label for="fangchan">        <li class="tab1">房产</li>      </label>      <label for="jiaju">        <li class="tab2">家居</li>      </label>      <label for="ershoufang">        <li class="tab3">二手房</li>      </label>    </ul>      <div class="page">        275万购昌平邻铁三居 总价20万买一居 <br>    200万内购五环三居 140万安家东三环 <br>    北京首现零首付楼盘 53万购东5环50平<br>    京楼盘直降5000 中信府 公园楼王现房<br>      </div>      <div class="page">        40平出租屋大改造 美少女的混搭小窝<br>    经典清新简欧爱家 90平老房焕发新生<br>    新中式的酷色温情 66平撞色活泼家居<br>    瓷砖就像选好老婆 卫生间烟道的设计<br>      </div>      <div class="page">        通州豪华3居260万 二环稀缺2居250w甩<br>     西3环通透2居290万 130万2居限量抢购<br>     黄城根小学学区仅260万 121平70万抛!<br>     独家别墅280万 苏州桥2居优惠价248万<br>      </div>    </div></body></html>

没用JS写出来的效果，感兴趣的大家可以来围观一下。

查看全部

0 采集收起来源：编程练习

2018-06-14

慕莱坞5524251

d

查看全部

0 采集收起来源：反反复复(while循环)
2018-06-13
极客天使

var HL =window.history.length ;
document.write(HL);

查看全部

0 采集收起来源：History 对象
2018-06-13
极客天使

var num=0;
var i;
function startCount(){
document.getElementById('count').value=num;
num=num+1;
i=setTimeout("startCount()",1000);
}
function stopCount(){
clearTimeout(i);
}
----------------------------------------
<input type="button" value="Start" onClick="startCount()" />
<input type="button" value="Stop" onClick="stopCount()" />

查看全部

0 采集收起来源：取消计时器clearTimeout()
2018-06-13

首页上一页 729 730 731 732 733 734 735 下一页尾页

0/150

提交

取消

开始学习

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

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

JavaScript进阶篇

选定元素slice()

颠倒数组元素顺序reverse()

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