慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

qq_慕运维5525401

<!DOCTYPE html>
<html>
<head>
<title>浏览器对象</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<style type="text/css">
#czcg{
   color:#3FC;
   font-size:24px;
   }

</style>
</head>
<body>

<div id="czcg">操作成功</div>
<span id="txt">5</span>秒后回到主页<a href="" onClick="gogo()">返回</a>

<script type="text/javascript">

   //获取显示秒数的元素，通过定时器来更改秒数。
   var e = document.getElementById("txt"); //通过window的location和history对象来控制网页的跳转。
   var txt = 5 ;
   var id=setInterval("add()",1000);
   function add(){
   txt--;
   if(txt==0)
   {
       window.location = "https://www.imooc.com/";
            clearInterval(id);

       }
               e.innerHTML=txt;
   }
   function gogo(){
       window.history.back();
       }
</script>

</body>
</html>

查看全部

0 采集收起来源：编程练习
2019-06-05
lululu1014

arrayObject.concat(array1,array2,...,arrayN);
concat()方法的语法。

查看全部

0 采集收起来源：数组连接concat()
2019-06-05
lululu1014

Math.random()*10 //取一个不大于10的随机数。
是Math.random而不能直接写random 。
注意:这里要求是返回<=10的整数,是一个随机的整数,所以要用floorr || ceil || round 转化为整数.

查看全部

0 采集收起来源：随机数 random()
2019-06-05
weixin_慕设计9054618

checkbox为多选框但是选勾的话是checked=true;
值的话为value=true;

查看全部

0 采集收起来源：区别getElementByID,getElementsByName,getElementsByTagName
2019-06-04
凤黯

第一个for循环只是遍历一下li，给所有li加上点击事件；第二个for循环作用是，先把其它的class清除掉，再给当前点击的li加上class。没有发生点击事件的时候，外面for循环执行到“list[i].index=i; ”,当网页加载好的同时就已经获取了所有index，里面的for循环下面两行是点击后才执行的。

查看全部

2 采集收起来源：编程挑战
2019-06-18

凤黯

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>实践题 - 选项卡</title>
    <style type="text/css">
     /* CSS样式制作 */  
     * {margin:0; padding:0; font-size:14px;} 
     #tabcontent {padding:20px;}
     #tabnav {line-height:30px; text-align:center; display:flex;}
     #tabnav li {width:60px; height:30px; border:1px solid #ccc; border-bottom:0; list-style:none; margin:0 3px; cursor:pointer;}
     #tabmain {width:300px; padding:5px; border:1px solid #ccc; border-top:2px solid red;}
     #tabmain p {line-height:26px;}
     .active {border-top:2px solid red !important; position:relative;}
     .active:after {content:""; position:absolute; height:2px; width:100%; left:0; bottom:-2px; z-index:1; background:#fff;}
     .hide {display:none;}
     
       
    </style>
    <script type="text/javascript">
         
    // JS实现选项卡切换
    window.onload = function() {
        var lnav = document.getElementById("tabnav");
        var list = lnav.getElementsByTagName("li");
        var tmain = document.getElementById("tabmain");
        var tdiv = tmain.getElementsByTagName("div");
        for (var i=0; i<list.length; i++) {
            list[i].index = i; //为每个li设置index属性
            list[i].onclick = function() {
                for (var j=0; j<list.length; j++) { //遍历所有的li
                    list[j].setAttribute("class",""); //将所有li类名设置为空
                    tdiv[j].setAttribute("class","hide"); //将所有div隐藏
                }
                this.setAttribute("class","active"); //点击的li类名设置为active
                tdiv[this.index].setAttribute("class",""); //索引到的div显示
            }
        }
    }
    
    </script>
 
</head>
<body>
<!-- HTML页面布局 -->
<div id="tabcontent">
    <ul id="tabnav">
        <li class="active">房产</li>
        <li>家居</li>
        <li>二手房</li>
    </ul>
    <div id="tabmain">
        <div>
            <p>275万购昌平邻铁三居 总价20万买一居</p>
            <p>200万内购五环三居 140万安家东三环</p>
            <p>北京首现零首付楼盘 53万购东5环50平</p>
            <p>京楼盘直降5000 中信府 公园楼王现房</p>
        </div>
        <div class="hide">
            <p>40平出租屋大改造 美少女的混搭小窝</p>
            <p>经典清新简欧爱家 90平老房焕发新生</p>
            <p>新中式的酷色温情 66平撞色活泼家居</p>
            <p>瓷砖就像选好老婆 卫生间烟道的设计</p>
        </div>
        <div class="hide">
            <p>通州豪华3居260万 二环稀缺2居250w甩</p>
            <p>西3环通透2居290万 130万2居限量抢购</p>
            <p>黄城根小学学区仅260万 121平70万抛!</p>
            <p>独家别墅280万 苏州桥2居优惠价248万</p>
        </div>
    </div>
</div>
 
</body>
</html>

查看全部

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

2019-06-04

weixin_慕设计9054618

document.getElementById() 是获取属性id的节点
而document.getElementByName();是获取属性名字的节点

查看全部

0 采集收起来源：getElementsByName()方法
2019-06-04
lululu1014

Math.ceil();
备注：Math首字母大写。

查看全部

0 采集收起来源：向上取整ceil()
2019-06-04
weixin_慕设计9054618

innerHTML 获取段落中的值

查看全部

0 采集收起来源：编程练习
2019-06-04
lululu1014

charAt()语法：
document.write( string.charAt(string.length-1));
错误：charAt()方法里的string是指被获取的字符串而不是string这个单词。

查看全部

0 采集收起来源：返回指定位置的字符
2019-06-04
lululu1014

推迟一小时的语法结构是：x.setTime( x.getTime() + 60*60*1000 );
错误：括号的里是获取时间 getTime()而不是设置设置 setTime() 。
注意：一小时 60 分，一分 60 秒，一秒 1000 毫秒

查看全部

0 采集收起来源：返回/设置时间方法
2019-06-04
lululu1014

var mynum= mydate.getDay();
错误1：需要返回值存储在变量mynum中。
getDay() 返回星期，返回的是0-6的数字，0 表示星期天。如果要返回相对应“星期”，通过数组完成。

document.write("今天是：" + weekday[mynum]);
错误2：在输出的时候，是以weekday[mynum]数组的形式输出，而不是输出 mynum 变量获得数字。

查看全部

0 采集收起来源：返回星期方法
2019-06-05
芝士榴莲

声明变量法：var 变量名

查看全部

0 采集收起来源：确定你的存在(变量声明)
2019-06-03
AbbyJPP

节点属性
在文档对象模型 (DOM) 中，每个节点都是一个对象。DOM 节点有三个重要的属性：
1. nodeName : 节点的名称
2. nodeValue ：节点的值
3. nodeType ：节点的类型
一、nodeName 属性: 节点的名称，是只读的。
1. 元素节点的 nodeName 与标签名相同
2. 属性节点的 nodeName 是属性的名称
3. 文本节点的 nodeName 永远是 #text
4. 文档节点的 nodeName 永远是 #document
二、nodeValue 属性：节点的值
1. 元素节点的 nodeValue 是 undefined 或 null
2. 文本节点的 nodeValue 是文本自身
3. 属性节点的 nodeValue 是属性的值
三、nodeType 属性: 节点的类型，是只读的。以下常用的几种结点类型:
元素类型节点类型
元素 1
属性 2
文本 3
注释 8
文档 9

查看全部

0 采集收起来源：节点属性
2019-06-03

首页上一页 364 365 366 367 368 369 370 下一页尾页

0/150

提交

取消

开始学习

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

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

JavaScript进阶篇

节点属性