为了账号安全,请及时绑定邮箱和手机立即绑定

JavaScript进阶篇

难度入门
时长 8小时55分
学习人数
综合评分9.47
2557人评价 查看评价
9.7 内容实用
9.4 简洁易懂
9.3 逻辑清晰
  • 返回指定的字符串首次出现的位置

    indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

    语法

    stringObject.indexOf(substring, startpos)

    说明:

    1.该方法将从头到尾地检索字符串 stringObject,看它是否含有子串 substring。

    2.可选参数,从stringObject的startpos位置开始查找substring,如果没有此参数将从stringObject的开始位置查找。

    3.如果找到一个 substring,则返回 substring 的第一次出现的位置。stringObject 中的字符位置是从 0 开始的。

    注意:1.indexOf() 方法区分大小写。

    2.如果要检索的字符串值没有出现,则该方法返回 -1。


    查看全部
  • 返回指定位置的字符

    charAt() 方法可返回指定位置的字符。返回的字符是长度为 1 的字符串。

    语法:

    stringObject.charAt(index)

    注意:1.字符串中第一个字符的下标是 0。最后一个字符的下标为字符串长度减一(string.length-1)。

    2.如果参数 index 不在 0 与 string.length-1 之间,该方法将返回一个空字符串。


    查看全部
  • //任务三中输入1-6数值,如果输入的是一串数字

            function checkone(){

                var j=document.getElementById("wb").value;

                var arr=j.split("");

                for(var i=0;i<arr.length;i++){

                    if(parseInt(arr[i])){

                        document.getElementById("hobby"+arr[i]).checked=true;

                    }

                }

            }


    查看全部
  • <!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()

    {

    Highlight();

    }  

     

    function addOne(obj){ 

        var tbody = document.getElementById('table').lastChild;  

    var tr = document.createElement('tr');  

     

    var td = document.createElement("td");

    td.innerHTML = "<input type='text'/>";

    tr.appendChild(td);

     

    td = document.createElement("td");  

    td.innerHTML = "<input type='text'/>";

    tr.appendChild(td);

     

    td = document.createElement("td");

    td.innerHTML = "<a href='javascript:;' onclick='deleteRow(this)'>ɾ³ý</a>";

    tr.appendChild(td);   

     

    tbody.appendChild(tr);   

    Highlight();

        }


    function deleteRow(obj){

        var tbody = document.getElementById('table').lastChild;  

    var tr = obj.parentNode.parentNode;

    tbody.removeChild(tr);

    }

    function Highlight(){

    var tbody = document.getElementById('table').lastChild;

    trs = tbody.getElementsByTagName('tr');   

    for(var i =1;i<trs.length;i++){

    trs[i].onmouseover = function(){

    this.style.backgroundColor ="#f2f2f2";

    trs[i].onmouseout = function(){

    this.style.backgroundColor ="#fff";

    }  

    }


      </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="deleteRow(this)">ɾ³ý</a></td>

       </tr>


       <tr>

    <td>xh002</td>

    <td>ÁõС·¼</td>

    <td><a href="javascript:;" onclick="deleteRow(this)">ɾ³ý</a></td>

       </tr>  


       </table>

       <input type="button" value="Ìí¼ÓÒ»ÐÐ" onclick="addOne()" />

     </body>

    </html>


    查看全部
    0 采集 收起 来源:编程练习

    2020-02-13

  • 本题考察了:

    1;事件onmouseover、onmouseout

    2;getElementsByTagName,获取的是数组

    3;parentNode,父节点祖节点

    4;removeChild,删除节点

    5;插入节点appendChild()

    <!DOCTYPE html>

    <html>

     <head>

      <title> new document </title>  

      <meta charset="utf-8">  

      <script type="text/javascript"> 

         // 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。

          window.onload = function()

          {

           var trs=document.getElementsByTagName("tr");

           for(var i=1;i<trs.length;i++)

            {

             trs[i].onmouseover=function()

              {

                 this.style.backgroundColor="#f2f2f2";

              }

             trs[i].onmouseout=function()

              {

                 this.style.backgroundColor="#fff";

              }

            }     

          }

         // 编写一个函数,供添加按钮调用,动态在表格的最后一行添加子节点;

          function AddRow()

          {

            var tbody = document.getElementById("table").lastChild;  

            var tr = document.createElement("tr");  

            var td = document.createElement("td");

            td.innerHTML = "<input type='text' />";

            tr.appendChild(td);

            td = document.createElement("td");   

            td.innerHTML = "<input type='text' />";

            tr.appendChild(td);

            td = document.createElement("td");

            td.innerHTML = "<a href='javascript:;' onclick='DeleteRow(this)'>删除</a>";

            tr.appendChild(td);   

            table.appendChild(tr);   

          }

        // 创建删除函数

         function DeleteRow(obj)

         {

           var tr=obj.parentNode.parentNode;//tr

           tr.parentNode.removeChild(tr);//tdoby

         }

      </script> 

     </head> 

     <body> 

      <table border="1" id="table">

     <tbody><!--一般是省略的-->     

      

      <tr>

    <th>学号</th>

    <th>姓名</th>

    <th>操作</th>

      </tr>  

      

      <tr>

    <td>xh001</td>

    <td>王小明</td>

    <td><a href="javascript:;" onclick='DeleteRow(this)'>删除</a></td>   <!--在删除按钮上添加点击事件  -->

      </tr>

      

      <tr>

    <td>xh002</td>

    <td>刘小芳</td>

    <td><a href="javascript:;" onclick='DeleteRow(this)' >删除</a></td>   <!--在删除按钮上添加点击事件  -->

      </tr>  


           </tbody>

      </table>


      <input type="button" value="添加一行" onclick="AddRow()" />   <!--在添加按钮上添加点击事件  -->

     </body>

    </html>



    查看全部
    0 采集 收起 来源:编程练习

    2020-02-12


  •     ];
     
     //第一次筛选,找出都是大一的信息
     for(i=0;i<10;i++){
         if(infos[i][3]=='大一'){
             document.write('输出所有大一:'+infos[i]+'<br>')
         }
        //  if(infos[i][1]=='女'){
        //       document.write('女生:'+infos[i]+'<br>')
        //  }
     }
     
     //第二次筛选,找出都是女生的信息
     
     for(i=0;i<10;i++){
         if(infos[i][3]=='大一'){
         if(infos[i][1]=='女'){
              document.write('输出所有女生:'+infos[i]+'<br>')
         }
         }
     }
     //第一步把之前的数据写成一个数组的形式,定义变量为 i

    其中的【3】代表着第四个元素的内容涵盖


    查看全部
    0 采集 收起 来源:编程练习

    2020-02-12

  • Math.round(num)

    对num四舍五入

    查看全部
    0 采集 收起 来源:四舍五入round()

    2020-02-12

  • Math.floor(num)

    对num向下取整,返回小于等于num的整数

    查看全部
    0 采集 收起 来源:向下取整floor()

    2020-02-12

  • Math.ceil(num)

    对num向上取整,大于等于num的整数

    查看全部
    0 采集 收起 来源:向上取整ceil()

    2020-02-12

  • stringObj.substr(startPos,length)

    提取指定长度子串

    startPos:起始位置

    length:长度,可选,缺省到末尾

    查看全部
  • stringObj.substring(startPos,stopPos)

    根据下标提取子串

    startPos:开始位置

    stopPos:结束位置,可选,缺省到结尾

    下标位置[0,length-1]

    查看全部
  • stringObj.split(separator,limit)

    字符串分割

    separator:从指定位置分割

    limit:分割次数,可选

    查看全部
  • stringObj.indexOf(substring,startpos)

    子串在字符串首次出现的位置

    substring:目标子串

    startpos:起始检索位置,下标[0,length-1]

    无结果返回-1

    查看全部
  • 运算结果通过document.getElementById赋值给文本框

    查看全部
    0 采集 收起 来源:编程练习

    2020-02-12

  • JavaScriprt主要事件:

    • onclick:鼠标单击

    • onmouseover:鼠标经过

    • onmouseout:鼠标移开

    • onchange:文本框内容改变

    • onselect:文本框内容选中

    • onfocus:光标聚集

    • onblur:光标离开

    • onload:网页导入

    • onunload:关闭网页

    查看全部
    0 采集 收起 来源:什么是事件

    2020-02-12

举报

0/150
提交
取消
课程须知
你需要具备HTML、css基础知识,建议同学们也可以想学习下js入门篇,快速认识js,熟悉js基本语法,更加快速入手进阶篇!
老师告诉你能学到什么?
通过JavaScript学习,掌握基本语法,制作简单交互式页面

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!