为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
JavaScript进阶篇_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 在右边编辑器中第10行补充代码,在“jq1=”后输入numa>numb || numa==numb,看看结果是什么。

    查看全部
  • 在网页中插入JS代码,实现输出"JS进阶篇",并弹出对话框,内容为"关注JS高级篇"。

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>我们互动下</title>


    <script type="text/javascript">


    document.write("JS进阶篇");


    alert("关注JS高级篇");


    </script>


    </head>

    <body>

    </body>

    </html>


    查看全部
    0 采集 收起 来源:让你认识JS

    2018-09-02

  • JavaScript考试成绩中,numa(表示笔试)考了60分,numb(表示实践)考了70分,只有两项成绩都大于或等于60分,该课程考核就通过。

    <script type="text/javascript">

     var numa,numb;

     numa=60;

     numb=70;

     if( numa>=60 &&numb>=60         )

      {

      document.write("JavaScript考核通过!"+"<br>");

      }

    </script>


    查看全部
  • 3.不允许使用JavaScript关键字和保留字做变量名。

     


    查看全部
  • 节点类型?


    我知道什么是元素节点。那么什么是属性节点?什么是文本节点?什么是文档节点?


    回看9-1,复习!



    查看全部
    0 采集 收起 来源:节点属性

    2018-09-02

  • 首先,nodeType是用来获得当前节点对象的类型。
    nodeType 属性可返回节点的类型。
    元素element   1   
    属性attr   2   
    文本text   3   
    注释comments   8   
    文档document   9  

    所以nodeType!=1就是说该结点不是元素节点

    其次,

    元素节点:构成了DOM的基础。文档结构中,<html>是根元素,代表整个文档,其他的还有<head>,<body>,<p>,<span>等等。元素节点之间可以相互包含(当然遵循一定的规则)

    文本节点:包含在元素节点中。

    属性节点:元素都可以包含一些属性,属性的作用是对元素做出更具体的描述,比如id,name之类的。

    http://www.tuicool.com/articles/zANnye

    这篇文章里写得很清楚~~~


    查看全部
  • <!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 rows=document.getElementsByTagName("tr");
              for(var i=1;i<rows.length;i++){
               rows[i].setAttribute("onmouseover","javascript:this.style.backgroundColor=\"#f2f2f2\"");
               rows[i].setAttribute("onmouseout","javascript:this.style.backgroundColor=\"#fff\"");
      
            }
          }

          // 编写一个函数,供添加按钮调用,动态在表格的最后一行添加子节点;
         function addrow(){
             var newtable=document.getElementById("table");
             var newrow=document.createElement("tr");
             newrow.innerHTML="<td></td><td></td><td><a href=\"javascript:;\" onclick=\"removerow(this)\">删除</a></td>";
             newtable.appendChild(newrow);
             var rows=document.getElementsByTagName("tr");
              for(var i=1;i<rows.length;i++){
               rows[i].setAttribute("onmouseover","javascript:this.style.backgroundColor=\"#f2f2f2\"");
               rows[i].setAttribute("onmouseout","javascript:this.style.backgroundColor=\"#fff\"");

            }
         }


         // 创建删除函数

         function removerow(x){
             var x;         x.parentNode.parentNode.parentNode.removeChild(x.parentNode.parentNode);
       </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="removerow(this)">删除</a></td>   <!--在删除按钮上添加点击事件  -->
        </tr>

        <tr>
      <td>xh002</td>
      <td>刘小芳</td>
      <td><a href="javascript:;" onclick="removerow(this)">删除</a></td>   <!--在删除按钮上添加点击事件  -->
        </tr> 

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


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

    2018-08-31

  • 实例:var div=document.createElement("div");//新建一个div元素节点

        document.body.appendChild(div);//把div元素节点添加到body元素节点中成为其子节点,但是放在body的现有子节点的最后


    查看全部
  • 推后两个小时: 2* 60 * 60 * 1000

    查看全部
  • 时间推迟 1 小时,就是: “x.setTime(x.getTime() + 60 * 60 * 1000);”

    查看全部
  • <!DOCTYPE html>

    <html>

     <head>

      <title> 事件</title>  

      <script type="text/javascript">

       function count(){

           

        //获取第一个输入框的值

    //获取第二个输入框的值

    //获取选择框的值

    //获取通过下拉框来选择的值来改变加减乘除的运算法则

        //设置结果输入框的值 

        var str1=parseInt(document.getElementById("txt1").value);

        var str2=parseInt(document.getElementById("txt2").value);

        var str3=document.getElementById("select").value;

        var str4;

        switch(str3){

            case '+':

                str4=str1+str2;

                break;

            case '-':

                str4=str1-str2;

                break;

            case '*':

                str4=str1*str2;

                break;

            case '/':

                str4=str1/str2;

                break;

        }

        document.getElementById("fruit").value=str4;

       }

      </script> 

     </head> 

     <body>

       <input type='text' id='txt1' /> 

       <select id='select'>

    <option value='+'>+</option>

    <option value="-">-</option>

    <option value="*">*</option>

    <option value="/">/</option>

       </select>

       <input type='text' id='txt2' /> 

       <input type='button' value=' = ' onclick="count()"/> <!--通过 = 按钮来调用创建的函数,得到结果--> 

       <input type='text' id='fruit'/>   

     </body>

    </html>


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

    2018-08-31

  • parseInt:解析一个字符串,得到一个整数

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

    2018-08-31

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

    语法:

    stringObject.split(separator,limit);

    参数说明:

    注意:如果把空字符串 ("") 用作 separator,那么 stringObject 中的每个字符之间都会被分割。

    我们将按照不同的方式来分割字符串:

    使用指定符号分割字符串,代码如下:

    var mystr = "www.imooc.com";
    document.write(mystr.split(".")+"<br />");
    document.write(mystr.split(".", 2)+"<br />");

    运行结果:

    www,imooc,com
    www,imooc

    将字符串分割为字符,代码如下:

    document.write(mystr.split("")+"<br>");
    document.write(mystr.split("", 5));

    运行结果:

    w,w,w,.,i,m,o,o,c,.,c,o,m
    w,w,w,.,i

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

    语法:

    stringObject.indexOf(substring, startpos);

    参数说明:

    说明:

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

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

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

    注意:

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

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

    例如:对 "I love JavaScript!" 字符串内进行不同的检索:

    <script type="text/javascript">

        var str="I love JavaScript!"

        document.write(str.indexOf("I") + "<br />");

        document.write(str.indexOf("v") + "<br />");

        document.write(str.indexOf("v",8));

    </script>

    以上代码的输出:

    0
    4
    9

    查看全部
  • 获取浏览器窗口宽度    var w=document.documentElement.clientWidth;

        document.body.clienWidth   获取的是什么宽度

    获取浏览器窗口高度    var h=document.documentElement.clientHeight

          高度同理

    查看全部

举报

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

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