慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

qq_追逐_40

nodeName 节点名称
nodeValue 节点值
nodeType 节点类型

查看全部

0 采集收起来源：节点属性
2018-04-13

qq_阿篱_03966196

<script type="text/javascript">

  //通过javascript的日期对象来得到当前的日期，并输出。
  var date = new Date();
  var weekday = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
  //成绩是一长窜的字符串不好处理，找规律后分割放到数组里更好操作哦
  var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";
 var score = scoreStr.split(";");
  var sum = 0;
  //从数组中将成绩撮出来，然后求和取整，并输出。
  for(var i=0; i<score.length; i++){
      var number=parseInt(score[i].split(":")[1]);
      sum = sum+number;
  }
 document.write(date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()+"日 "+weekday[date.getDay()]+" -- 班级总分为："+sum);
</script>

查看全部

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

2018-04-13

慕仰1657526
查看全部

0 采集收起来源：多种选择（Switch语句)
2018-04-13
慕仰1657526

查看全部

0 采集收起来源：二维数组
2018-04-12

慕仰1657526

1. 二维数组的定义方法一

var myarr=new Array();  //先声明一维 
for(var i=0;i<2;i++){   //一维长度为2
   myarr[i]=new Array();  //再声明二维 
   for(var j=0;j<3;j++){   //二维长度为3
   myarr[i][j]=i+j;   // 赋值，每个数组元素的值为i+j
   }
 }

查看全部

0 采集收起来源：二维数组

2018-04-12

慕UI3206163

这节不会

查看全部

0 采集收起来源：计时器setTimeout()
2018-04-12
路上的小白

break
for(初始条件;判断条件;循环后条件值更新)
{
if(特殊情况)
{break;}
循环代码
}

查看全部

0 采集收起来源：退出循环break
2018-04-12
路上的小白

do while结构的基本原理和while结构是基本相同的，但是它保证循环体至少被执行一次。因为它是先执行代码，后判断条件，如果条件为真，继续循环。

查看全部

0 采集收起来源：来来回回(Do...while循环)
2018-04-12
路上的小白

Switch必须赋初始值，值与每个case值匹配。满足执行该 case 后的所有语句，并用break语句来阻止运行下一个case。如所有case值都不匹配，执行default后的语句。

查看全部

0 采集收起来源：多种选择（Switch语句)
2018-04-12

路上的小白

多重判断（if..else嵌套语句）

要在多组语句中选择一组来执行，使用if..else嵌套语句。

语法:

if(条件1) { 条件1成立时执行的代码} else  if(条件2) { 条件2成立时执行的代码} ... else  if(条件n) { 条件n成立时执行的代码} else { 条件1、2至n不成立时执行的代码}

查看全部

0 采集收起来源：多重判断（if..else嵌套语句）

2018-04-12

路上的小白

判断句中if必须小写，大写字母IF会出错

查看全部

0 采集收起来源：做判断（if语句）
2018-04-12
慕娘6221251

加载事件（onload）
事件会在页面加载完成后，立即发生，同时执行被调用的程序。
注意：1. 加载页面时，触发onload事件，事件写在<body>标签内。
2. 此节的加载页面，可理解为打开一个新页面时。
如下代码,当加载一个新页面时，弹出对话框“加载中，请稍等…”。

查看全部

0 采集收起来源：加载事件（onload）
2018-04-12
qq_提示恭喜你_0

鼠标点击事件 onclick

查看全部

0 采集收起来源：鼠标移开事件（onmouseout）
2018-04-12
qq_太阳_78

查看全部

0 采集收起来源：Location对象
2018-04-12

慕神7088389

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>实践题 - 选项卡</title>
    <style type="text/css">
     /* CSS样式制作 */  
     *{
         padding:0px;
         margin:0px;
         font:12px normal 'microsoft yahei';
     }
     #tabs{
         width:290px;
         height:150px;
         padding:5px;
         margin:20px;
     }
     #tabs ul{
         list-style:none;
         display:block;
         height:30px;
         line-height:30px;
         border-bottom:2px solid saddlebrown;
     }
     #tabs ul li{
         height:28px;
         width:60px;
         line-height:28px;
         text-align:center;
         margin:0 3px;
         border:1px solid #aaa;
         border-bottom:none;
         display:inline-block;
         background:#fff;
         cursor:pointer;
         float:left;
         list-style:none;
     }
     #tabs ul li.on{
         border-top:2px solid saddlebrown;
         border-bottom:2px solid #fff;
     }
     #tabs div{
         height:120px;
         line-height:25px;
         border:1px solid #369;
         border-top:none;
         padding:15px 10px 10px 10px;
     }
     .hide{
         display:none;
     }
    </style>
    <script type="text/javascript">
    // JS实现选项卡切换
    window.onload=function(){
            var tabs=document.getElementById('tabs'); //这样声明变量保证li和div的准确性，不与其他可能存在同标签元素混淆
            var ul=tabs.getElementsByTagName('ul')[0];
            var li=ul.getElementsByTagName('li');
            var div=tabs.getElementsByTagName('div');
            for(var i=0,len=li.length;i<len;i++){
                li[i].index=i;       //为每个li的index值赋于变化的值i
                li[i].onclick=function () {
                    for(var n=0;n<len;n++){
                        li[n].className='';  //先隐藏选项卡标题的样式以及所有内容
                        div[n].className='hide';
                    }
                this.className='on';  //再为this指向的li标签添加css样式
                div[this.index].className='';//为对应顺序的div改变css样式
                }
            }
    }
    </script>
</head>
<body>
<!-- HTML页面布局 -->
<div id='tabs'>
<ul>
    <li class='on'>房产</li>
    <li>家居</li>
    <li>二手房</li>
</ul>
<div>
    275万购昌平邻铁三居 总价20万买一居<br />
    200万内购五环三居 140万安家东三环<br />
    北京首现零首付楼盘 53万购东5环50平<br />
    京楼盘直降5000 中信府 公园楼王现房<br />
</div>
<div class='hide'>
    40平出租屋大改造 美少女的混搭小窝<br />
     经典清新简欧爱家 90平老房焕发新生<br />
     新中式的酷色温情 66平撞色活泼家居<br />
     瓷砖就像选好老婆 卫生间烟道的设计<br />
</div>
<div class='hide'>
    通州豪华3居260万 二环稀缺2居250w甩<br />
     西3环通透2居290万 130万2居限量抢购<br />
     黄城根小学学区仅260万 121平70万抛!<br />
     独家别墅280万 苏州桥2居优惠价248万<br />
</div>
</div>
</body>
</html>

查看全部

3 采集收起来源：编程挑战

2018-04-12

首页上一页 841 842 843 844 845 846 847 下一页尾页

0/150

提交

取消

开始学习

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

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

JavaScript进阶篇

多重判断（if..else嵌套语句）

加载事件（onload）