慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

wo要加薪
substr() 方法从字符串中提取从 startPos位置开始的指定数目的字符串。
注意：
- 如果参数startPos是负数，从字符串的尾部开始算起的位置。也就是说，-1 指字符串中最后一个字符，-2 指倒数第二个字符，以此类推。
- 如果startPos为负数且绝对值大于字符串长度，startPos为0。
- 使用 substr() 从字符串中提取一些字符，代码如下：
查看全部

0 采集收起来源：提取指定数目的字符substr()
2019-04-07
wo要加薪

substring() 方法用于提取字符串中介于两个指定下标之间的字符。

查看全部

0 采集收起来源：提取字符串substring()
2019-04-07
weixin_慕函数6492984

/*
for(var i=0;i<content.childNodes.length;i++)
{
if(content.childNodes[i].nodeType!=1)
{continue;}
else{
content.removeChild(content.childNodes[i]);
}*/ 一次清除节点，for循环遍历加if条件continue；
/*
for (var i=0;i<content.childNodes.length;i++)
{
var moves=content.childNodes[i];
content.removeChild(moves);
} */ 多次onclick逐步清除，从第一个开始，每删除一个节点，下一个节点会自动进位到被删除节点的位置，导致看起来删除的顺序不是按文本顺序来排列的，是跳着删除的。

查看全部

0 采集收起来源：删除节点removeChild()
2019-04-07
慕后端7433711

抄袭，未理解

查看全部

0 采集收起来源：编程练习
2019-04-06
weixin_慕函数6492984

插入节点，先声明新节点，再在指定的节点处.appendChild(新节点)实现插入。此为在最后一个节点插入新节点。

查看全部

0 采集收起来源：插入节点appendChild()
2019-04-06
weixin_慕函数6492984

访问兄弟节点通过函数调用来实现。

查看全部

0 采集收起来源：访问兄弟节点
2019-04-06
qq_必当凌绝顶_0

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>实践题 - 选项卡</title>
    <style type="text/css">
     /* CSS样式制作 */
      span{
           border:2px solid ;
           font-size:larger;
           background-color:;
           cursor: pointer;
      }
      #border{
         border:2px solid blue;
          border-top:4px solid #8B4513;
         width:400px;
       }
      #house{

      }
      #furniture{
          display:none;
      }
      #oldHouse{
          display:none;
      }
    </style>
    <script type="text/javascript">
window.onload=function(){//如果不写这个无法获得，标签的内容
    // JS实现选项卡切换
     var first=document.getElementById("first");
     var second=document.getElementById("second");
     var third=document.getElementById("third");
     var ul=document.getElementsByTagName("ul");
         ul[0].style.display="block";
         ul[1].style.display="none";
         ul[2].style.display="none";

     second.onmouseover=function(){
         ul[0].style.display="none";
         ul[1].style.display="block";
         ul[2].style.display="none";
          }
     third.onmouseover=function(){
         ul[0].style.display="none";
         ul[1].style.display="none";
         ul[2].style.display="block";
          }
      first.onmouseover=function(){
         ul[0].style.display="block";
         ul[1].style.display="none";
         ul[2].style.display="none";
          }

     }
    </script>

</head>
<body>

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

</div>
</body>
</html>

查看全部

0 采集收起来源：编程挑战
2019-04-05
慕后端7433711

图片切换5-1

查看全部

0 采集收起来源：什么是函数
2019-04-05
qq_必当凌绝顶_0

<!DOCTYPE html>
<html>
<head>
<title> new document </title>
<meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
<script type="text/javascript">

      window.onload = function(){

     // 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。
     var tr=document.getElementsByTagName("tr");
        for(var i=0;i<tr.length;i++){ //遍历所有tr对象，给他们附加bgcChang()
            bgcChange(tr[i]);
        }
      }
       function bgcChange(node){//修改底色的函数
           node.onmouseover=function(){
               node.style.backgroundColor="#f2f2f2";
           }
           node.onmouseout=function(){
               node.style.backgroundColor="#fff";
           }
       }


      // 编写一个函数，供添加按钮调用，动态在表格的最后一行添加子节点；
      var num=2; //初始化表格数目提供位置
     function add(){
         num++;
         var tr=document.createElement("tr"); //以下创建一个tr和里面的三个td
         var xh=document.createElement("td");
         var xm=document.createElement("td");
         var td3=document.createElement("td");
         xh.innerHTML="xh"+num;
         xm.innerHTML="第"+num+"同学";
         td3.innerHTML="<a href='javascript:;' onclick='del(this)' >删除</a>";          //利用inner属性直接插入<a>标签
         var table=document.getElementById("table");         //获取整个表格节点，将以上创建的节点插入
         table.appendChild(tr);
         tr.appendChild(xh);
         tr.appendChild(xm);
         tr.appendChild(td3);
        var tr = document.getElementsByTagName("tr"); //重新遍历tr节点数目
        //给每个节点添加底色变化效果 bgcChange
          for(var i= 0;i<tr.length;i++)
          {
              bgcChange(tr[i]);
          }
     }


     // 创建删除函数
     function del(node){
         var gNode=node.parentNode.parentNode; //获得当前节点的祖父节点tr
         gNode.parentNode.removeChild(gNode); //删除tr的父节点的子节点tr,也就是删除它本身
     }

</script>
</head>
<body>
       <table border="1" width="50%" id="table">
       <tr>
       <th>学号</th>
       <th>姓名</th>
       <th>操作</th>
       </tr>

       <tr>
       <td>xh001</td>
       <td>王小明</td>
       <td><a href="javascript:;" onclick="del(this)" >删除</a></td>   
       </tr>

       <tr>
       <td>xh002</td>
       <td>刘小芳</td>
       <td><a href="javascript:;" onclick="del(this)">删除</a></td>   
       </tr>

       </table>
       <input type="button" value="添加一行" onclick="add()" />   
</body>
</html>

查看全部

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

CSS没学过，比较难

查看全部

0 采集收起来源：编程挑战
2019-04-04
weibo_柠檬草_198801_0

split()方法将字符串分割为字符串数组，并返回此数组

查看全部

0 采集收起来源：字符串分割split()
2019-04-04
大块果冻

document.write
显示换行符时，应加“”

查看全部

0 采集收起来源：编程练习
2019-04-04
慕莱坞6531376

screen

查看全部

0 采集收起来源：screen对象
2019-04-03
慕莱坞6531376

location方法|属性

查看全部

0 采集收起来源：Location对象
2019-04-03
voiceee

concat用于拼接，arrayobject.concat(array1，array2，...arrayN)

结果为[arrayaobject,array1,array2,...arrayN]

查看全部

0 采集收起来源：数组连接concat()
2019-04-03

首页上一页 415 416 417 418 419 420 421 下一页尾页

0/150

提交

取消

开始学习

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

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