JavaScript基础练习

最新推荐文章于 2023-08-21 21:18:45 发布
最新推荐文章于 2023-08-21 21:18:45 发布
阅读量738 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cckevincyh/article/details/53114851
版权 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>form.html</title>
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  </head>
  <body>
       <form name="form1" action="test.html" method="post" >
          <input type="text" name="username" value="传智播客5周年_1"  id="tid" >
          <input type="button" name="ok" value="保存1"/>
       </form>
  </body>
  <script language="JavaScript">
   //输出 <input type="text" name="username" value="传智播客5周年_1"  id="tid" >标签value属性的值
   var tidValue = document.getElementById("tid").value;
   alert(tidValue);



   //输出 <input type="text" name="username" value="传智播客5周年_1"  id="tid" >标签type属性的值
   var tidType = document.getElementById("tid").type;
   alert(tidType);
  </script>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>form.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  </head>

  <body>
       <form name="form1" action="test.html" method="post" >
          <input type="text" name="tname" value="传智播客5周年_1"  id="tid_1" ><br>
          <input type="text" name="tname" value="传智播客5周年_2"  id="tid_2" ><br>
          <input type="text" name="tname" value="传智播客5周年_3"  id="tid_3" ><br>

          <input type="text" name="tname" value="传智播客5周年_4"  id="tid_4" onchange="change1()" ><br>
          <input type="text" name="tname" value="传智播客5周年_5"  id="tid_5" onchange="change2()" ><br>
          <input type="text" name="tname" value="传智播客5周年_6"  id="tid_6" onchange="change3()" ><br>
          <input type="button" name="ok" value="保存1"/>
       </form>
  </body>

  <script language="JavaScript">
   //通过元素的name属性获取所有元素的引用   
   var tnameElements = document.getElementsByName("tname");
   //测试该数据的长度
   alert(tnameElements.length);

   //遍历元素,输出所有value属性的值
   for(var i = 0; i<tnameElements.length; i++){
        var tnameValue = tnameElements[i].value;
        alert(tnameValue);
   }


   //为每个文本框(<input type="text">)增加chanage事件,当值改变时,输出改变的值
    //  遍历文本框
    for(var i = 0; i<tnameElements.length; i++){
        var tnameElement = tnameElements[i];
        //增加onchange事件
        tnameElement.onchange = function(){
            //当值改变时,输出改变的值
            //this代表的是当前所操作的文本框
            alert(this.value);
        }
    }




  </script>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>form.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  </head>
  <body>
       <form name="form1" action="test.html" method="post" >
          <input type="text" name="tname" value="传智播客5周年_1"  id="tid_1"  ><br>
          <input type="text" name="tname" value="传智播客5周年_2"  id="tid_2"  ><br>
          <input type="text" name="tname" value="传智播客5周年_3"  id="tid_3"  ><br>
          <input type="button" name="ok" value="保存1"/>
       </form>

       <select name="edu" id="edu">
          <option value="博士">博士^^^^^</option>
          <option value="硕士">硕士^^^^^</option>
          <option value="本科" selected="selected" >本科^^^^^</option>
          <option value="幼儿园">幼儿园^^^^^</option>
       </select>

       <select name="job" id="job" >
          <option value="美容">美容^^^^^</option>
          <option value="IT">IT^^^^^</option>
          <option value="程序员">程序员^^^^^</option>
          <option value="建筑师">建筑师^^^^^</option>
       </select>

  </body>

  <script language="JavaScript">
/**************************************************************************************************/   
    //获取所有的input元素,返回值是数组
    var inputElements = document.getElementsByTagName("input");
    alert(inputElements);
    //测试长度
    alert(inputElements.length);
    //遍历输出value的值
    for(var i = 0; i<inputElements.length; i++){
        alert(inputElements[i].value);
    }
/**************************************************************************************************/    
    //输出type="text"中 value属性的值 不包含按钮(button)
    for(var i = 0; i<inputElements.length; i++){
        var inputElement = inputElements[i];
        if(inputElement.type == "text"){
            alert(inputElement.value);
        }
    }



/**************************************************************************************************/ 
/**
      <select name="edu" id="edu">
          <option value="博士">博士^^^^^</option>
          <option value="硕士">硕士^^^^^</option>
          <option value="本科" selected="selected" >本科^^^^^</option>
          <option value="幼儿园">幼儿园^^^^^</option>
       </select>
 */
   //输出所有下拉选 id="edu" 中option标签中value属性的值 
   var eduElement = document.getElementById("edu");
   var optionElements = eduElement.getElementsByTagName("option");

   //输出所有下拉选内容 
   for(var i = 0; i<optionElements.length; i++){
        alert(optionElements[i].value);
   }


/**************************************************************************************************/ 
   //输出下拉选选中的值 
   var eduElement = document.getElementById("edu");

   alert(eduElement.value);

  </script>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>form.html</title>
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  </head>

  <body>

       <form name="form1" action="test.html" method="post" >
          <input type="text" name="tname" value="传智播客5周年_1"  id="tid_1"  ><br>
          <input type="text" name="tname" value="传智播客5周年_2"  id="tid_2"  ><br>
          <input type="text" name="tname" value="传智播客5周年_3"  id="tid_3"  ><br>
          <input type="button" name="ok" value="保存1"/>
       </form>

       <select name="edu" id="edu">
          <option value="博士">博士^^^^^</option>
          <option value="硕士">硕士^^^^^</option>
          <option value="本科" selected="selected" >本科^^^^^</option>
          <option value="幼儿园">幼儿园^^^^^</option>
       </select>



       <select name="job" id="job" >
          <option value="美容">美容^^^^^</option>
          <option value="IT">IT^^^^^</option>
          <option value="程序员">程序员^^^^^</option>
          <option value="建筑师">建筑师^^^^^</option>
       </select>



  </body>

  <script language="JavaScript">
  //查看id="edu"的节点是否含有子节点
  var eduElement = document.getElementById("edu");
  alert(eduElement.hasChildNodes);

  //查看id="tid_1"的节点是否含有子节点
    var tidElement = document.getElementById("tid_1");

     alert(tidElement.hasChildNodes());

  </script>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>form.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  </head>

  <body>

       <form name="form1" action="test.html" method="post" >
          <input type="text" name="tname" value="传智播客5周年_1"  id="tid_1"  ><br>
          <input type="text" name="tname" value="传智播客5周年_2"  id="tid_2"  ><br>
          <input type="text" name="tname" value="传智播客5周年_3"  id="tid_3"  ><br>
          <input type="button" name="ok" value="保存1"/>
       </form>

       <select name="edu" id="edu">
          <option value="博士">博士^^^^^</option>
          <option value="硕士">硕士^^^^^</option>
          <option value="本科" selected="selected" >本科^^^^^</option>
          <option value="幼儿园">幼儿园^^^^^</option>
       </select>

       <select name="job" id="job" >
          <option value="美容">美容^^^^^</option>
          <option value="IT">IT^^^^^</option>
          <option value="程序员">程序员^^^^^</option>
          <option value="建筑师">建筑师^^^^^</option>
       </select>

       <p id="pid" name="8888">
            明天上课
       </p>

  </body>

  <script language="JavaScript">  
    /**
     * DOM 属性 -- nodeName:一个字符串，其内容是给定节点的名字
     * 如果节点是元素节点，nodeName返回这个元素的名称
     * 如果是属性节点，nodeName返回这个属性的名称
     * 如果是文本节点，nodeName返回一个内容为#text 的字符串 
     * ----------------------------------------------------------
     * DOM 属性 -- nodeType:返回一个整数，这个数值代表着给定节点的类型
     * Node.ELEMENT_NODE    ---1    -- 元素节点
     * Node.ATTRIBUTE_NODE  ---2    -- 属性节点
     * Node.TEXT_NODE       ---3    -- 文本节点
     * ----------------------------------------------------------
     * DOM 属性 -- nodeValue:返回给定节点的当前值（字符串）
     * 如果给定节点是一个属性节点，返回值是这个属性的值
     * 如果给定节点是一个文本节点，返回值是这个文本节点的内容
     * 如果给定节点是一个元素节点，返回值是 null
     */
    //元素节点  id="tid_1"  输出nodeName nodeType nodeValue
    var tidElement = document.getElementById("tid_1");//元素节点
    alert(tidElement.nodeName);//INPUT
    alert(tidElement.nodeType);//1
    alert(tidElement.nodeValue);//null
    //文本节点 id="pid"  输出nodeName nodeType nodeValue
    var pidElement = document.getElementById("pid");//文本节点
    alert(pidElement.nodeName);//#text
    alert(pidElement.nodeType);//3
    alert(pidElement.nodeValue);//明天上课
    //属性节点  id="pid" 中name这个属性节点  输出nodeName nodeType nodeValue
    var nameElement = pidElement.getAttributeNode("name"); //属性节点
    alert(nameElement.nodeName);//name
    alert(nameElement.nodeType);//2
    alert(nameElement.nodeValue);//8888
  </script>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>form.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  </head>

  <body>

       <form name="form1" action="test.html" method="post" >
          <input type="text" name="tname" value="国庆六十周年_1"  id="tid_1"  ><br>
          <input type="text" name="tname" value="国庆六十周年_2"  id="tid_2"  ><br>
          <input type="text" name="tname" value="国庆六十周年_3"  id="tid_3"  ><br>
          <input type="button" name="ok" value="保存1"/>
       </form>

      您喜欢的城市:<br> 
       <ul>
         <li id="bj" value="beijing">北京</li>
         <li id="sh" value="shanghai">上海</li>
         <li id="cq" value="chongqing"> 重庆</li>
       </ul>

      您喜欢的游戏:<br> 
       <ul>
         <li id="fk" value="fangkong">反恐<p>精英</p></li>
         <li id="ms" value="moshou">魔兽</li>
         <li id="cq" value="chuanqi">传奇</li>
       </ul>   
  </body>

  <script language="JavaScript">
    //点击北京节点， 将被反恐节点替换
    /***********方法一*************/
        document.getElementById("bj").onclick = function(){
            //1 获取北京节点
            var bjElement = document.getElementById("bj");
            //2 获取反恐节点
            var fkElement = document.getElementById("fk");
            //3 获取北京节点的父节点
            var parentElement = bjElement.parentNode;//parentNode与parentElement效果一样的
            //4 替换  
            parentElement.replaceChild(fkElement, bjElement);
        }
        //5 测试

    /***********方法二*************/
        document.getElementById("bj").onclick = function(){

            //1 获取反恐节点
            var fkElement = document.getElementById("fk");
            //2 获取北京节点的父节点
            //this代表的是document.getElementById("bj")
            var parentElement = this.parentNode;parentNode与parentElement效果一样的
            //3 替换
            parentElement.replaceChild(fkElement,this);

        }
        //4 测试
  </script>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>form.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  </head>

  <body>

       <form name="form1" action="test.html" method="post" >
          <input type="text" name="tname" value="传智播客5周年_1"  id="tid_1"  ><br>
          <input type="text" name="tname" value="传智播客5周年_2"  id="tid_2"  ><br>
          <input type="text" name="tname" value="传智播客5周年_3"  id="tid_3"  ><br>
          <input type="button" name="ok" value="保存1"/>
       </form>

      您喜欢的城市:<br> 
       <ul>
         <li id="bj" value="beijing">北京</li>
         <li id="sh" value="shanghai">上海</li>
         <li id="cq" value="chongqing">重庆</li>
       </ul>

      您喜欢的游戏:<br> 
       <ul>
         <li id="fk" value="fangkong">反恐</li>
         <li id="ms" value="moshou">魔兽</li>
         <li id="xj" value="xingji">星际争霸</li>
       </ul>   
  </body>

  <script language="JavaScript">
      //<li id="xj" value="xingji">星际争霸</li>节点的id属性的值
      //1 获取对应标签
      var xjElement = document.getElementById("xj");

      //2.获取对应属性
      alert(xjElement.getAttribute("id"));
  </script>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>form.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  </head>

  <body>

      您喜欢的城市:<br> 
       <ul>
         <li id="bj" value="beijing">北京</li>
         <li id="sh" value="shanghai">上海</li>
         <li id="cq" value="chongqing">重庆</li>
       </ul>

      您喜欢的游戏:<br> 
       <ul>
         <li id="fk" value="fangkong">反恐</li>
         <li id="ms" value="moshou">魔兽</li>
         <li id="xj"value="xingji">星际争霸</li>
       </ul>   
  </body>

  <script language="JavaScript">
     //给这个节点增加 name属性 <li id="xj" value="xingji" name="xingjizhengba">星际争霸</li> 
     //1 增加前获取属性
     var xjElement = document.getElementById("xj");
     //2   增加属性
     xjElement.setAttribute("name","xingjizhengba");
     //3   增加后获取属性
     alert(xjElement.getAttribute("name"));
  </script>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>form.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  </head>

  <body>
       <select name="edu" id="edu">
          <option value="博士">博士^^^^^</option>
          <option value="硕士">硕士^^^^^</option>
          <option value="本科">本科^^^^^</option>
          <option value="幼儿园">幼儿园^^^^^</option>
       </select>

  </body>
  <script language="JavaScript">
   //增加节点<option value="大专">大专^^^^^</option>
        //1 创建<option value="大专">大专^^^^^</option>
        //1.1 <option></option>
        var optionElement = document.createElement("option");//创建元素节点createElement()，传入的是标签名
        //1.2 设置属性<option value="大专"></option>
        optionElement.setAttribute("value","大专");
        //1.3 创建一个文本节点
        var textElement = document.createTextNode("大专^^^^^");//创建文本节点createTextNode()，传入的是文本内容
        //1.4 文本节点插入到option标签，<option value="大专">大专^^^^^</option>
        optionElement.appendChild(textElement);//插入子元素，appendChild(传入子元素内容)
        //2 获取id="edu"节点  获取select标签
        var eduElement = document.getElementById("edu");
        //3 添加
        eduElement.appendChild(optionElement);
  </script>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>insertBefore.html</title>
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
  </head>
  <body>
       <ul>
         <li id="bj" name="beijing">北京</li>
         <li id="sh" name="shanghai">上海</li>
         <li id="cq" name="chongqing">重庆</li>
       </ul>
  </body>

  <script language="JavaScript">
    // 插入新的节点 <li id="tj" name="tianjin">天津</li>
    // 在 <li id="cq" name="chongqing">重庆</li>的前面
        //1 创建 <li id="tj" name="tianjin">天津</li> 
        //1.1 <li></li>
        var liElement = document.createElement("li"); 
        //1.2 设置属性
        liElement.setAttribute("id","tj");
        liElement.setAttribute("name","tianjin");

        //1.3 创建文本节点
        var textElement = document.createTextNode("天津");

        //1.4.插入
        liElement.appendChild(textElement);

        //2 获取重庆 <li id="cq" name="chongqing">重庆</li>
        var cqElement = document.getElementById("cq");

        //3 获取重庆节点的父节点
        var parentElement = cqElement.parentNode;

        //4 插入
        parentElement.insertBefore(liElement,cqElement);
  </script>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>insertBefore.html</title>
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
  </head>
  <body>
       <ul>
         <li id="bj" name="beijing">北京</li>
         <li id="sh" name="shanghai">上海</li>
         <li id="cq" name="chongqing">重庆</li>
       </ul>
  </body>

  <script language="JavaScript">
    // 插入新的节点 <li id="tj" name="tianjin">天津</li>
    // 在  <li id="sh" name="shanghai">上海</li>的后面

    //1 创建 <li id="tj" name="tianjin">天津</li>
    var tjElement = document.createElement("li");
    tjElement.setAttribute("id","tj");
    tjElement.setAttribute("name","tianjin");
    var textElement = document.createTextNode("天津");
    tjElement.appendChild(textElement);
    //2 获取上海节点
    var shElement = document.getElementById("sh");
    //3 获取上海节点的下一个兄弟节点 <li id="cq" name="chongqing">重庆</li>
    var cqElement = shElement.nextSibling;
    //4 获取上海节点的父节点
    var parentElement = shElement.parentNode;
    //5 添加到上海节点的下一个兄弟节点 <li id="cq" name="chongqing">重庆</li>的前面
    parentElement.insertBefore(tjElement,cqElement);
  </script>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>insertBefore.html</title>
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
  </head>
  <body>
       <ul id="city">
         <li id="bj" name="beijing">北京</li>
         <li id="sh" name="shanghai">上海</li>
         <li id="cq" name="chongqing">重庆</li>
       </ul>
  </body>

  <script language="JavaScript">
   //删除<ul id="city"> 下<li id="bj" name="beijing">北京</li>这个节点</ul>

      //获取子节点      
      var bjElement = document.getElementById("bj");
      //获取父节点
      var parentElement = bjElement.parentNode;
      //删除
      parentElement.removeChild(bjElement);
      //测试

  </script>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>form.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  </head>
  <body>
      <div id="city"></div>
  </body>
  <script language="JavaScript">
    //在div层中插入 <h1>今天</h1>

        //方法一
//      //1 创建<h1>今天</h1>
//          var h1Element = document.createElement("h1");
//          var textElement = document.createTextNode("今天");
//          h1Element.appendChild(textElement);
//      
//      //2 获取div
//      var divElement = document.getElementById("city");
//      
//      //3 插入
//      divElement.appendChild(h1Element);

        //方法二
        document.getElementById("city").innerHTML = "<h1>今天</h1>";

  </script>


</html>
c.
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS基础练习题
03-12
js练习题
JavaScript小例子
weixin_30740295的博客
09-13 97
1. alert.html <html> <head> <title></title> <script type="text/javascript"> function alert_test() { alert("this is a alert") ...
javascript实例学习三
weixin_30412013的博客
07-23 54
enter键实现tab的功能重点是捕捉了onkeydown事件，并实现一个处理函数其实就是修改了事件的属性，顺便学习一下表格的写法<head> <script language="javascript"> function changeFocus() { if(event.keyCode==13) //根据按下的键的不同可以实现各种不同的功...
javaScript练习题
dayu
01-29 1088
【重点：数组对象】创建网页colors.html，具体要求如下： 制作一个如下图所示的表单 创建一个长度为5的数组，数组名字为myColor。 当点击“设置颜色”按钮时，利用循环结构，依次弹出5个提示框，每个提示框中输入一个代表某种颜色的单词，并将每个单词的字符串存入myColor数组中，提示框如下图所示 【提示】window.prompt(“提示的问题”)用于弹出下图所示的提示框，返回用户在文本框中输入的内容 当点击“显示颜色”按钮时，将..
JavaScript练习题
Wanan_J的博客
01-13 1373
JavaScript练习题：用于初学者练习的小作业。
JavaScript基础练习_day13
02-28
该题目是关于JavaScript的基础练习题，适用于刚入门前端的新手。着重基础概念的挖掘，会不断更新。
JavaScript基础练习_day11
10-26
该题目是关于JavaScript的基础练习题，适用于刚入门前端的新手。着重基础概念的挖掘，会不断更新。
javascript基础练习，一些有趣的小游戏
最新发布
10-18
javascript基础练习，一些有趣的小游戏javascript基础练习，一些有趣的小游戏javascript基础练习，一些有趣的小游戏javascript基础练习，一些有趣的小游戏javascript基础练习，一些有趣的小游戏javascript基础练习，...
JavaScript基础练习_day7
09-06
该题目是关于JavaScript的基础练习题，适用于刚入门前端的新手。着重基础概念的挖掘，会不断更新。
JavaScript基础练习_day4
08-27
该题目是关于JavaScript的基础练习题，适用于刚入门前端的新手。着重基础概念的挖掘，会不断更新。
JavaScript的简单练习（每日一练）
qq_53306713的博客
03-17 504
JavaScript的简单练习（每日一练）
学习JavaScript基础的练习题
aimishake的博客
08-12 1256
使用for循环 - 求出班级里同学们平均年龄[15, 19, 21, 33, 18, 24]使用for循环 - 求出数组里大于5的i和 [4, 9, 5, 20, 3, 11]使用for循环 - 求出数组元素的和 [5, 8, 9, 2, 1, 5]给一个数字数组，该数组中有很多数字0，将不为0的数据存入到一个新的数组中。找出数组中 元素为10的下标，有则打印该下标，没有则打印-1。例如: [88,20,10,100,50] 打印 2。例如: [88,20,30,100,50] 打印-1。...
JavaScript相关练习
m0_51858205的博客
11-24 730
(1）单击“随机产生-20个整数”投钮时，能的随机生成20个 4 位整数 （1000~-9099)。并将产生的20 个整数写人到数组中，，将其从小到大进行排序，输出在我行文本框中。 （2） 单击“找出能微5始除的整数，拉钮时，找出能生被了整除的整数，并在多行文本框中输出; （3）单击“重置”按钮时，将多行文本框中的所有内容清空。
js基础题目
初入社会的前端程序员
03-28 285
js基础题，js面试题目，前端面试
js基础练习题
热门推荐
weixin_45595621的博客
05-14 1万+
在这里插入代码片1.练习：声明多个变量分别保存一个人的姓名，性别，电话，家庭地址。并打印出来 答案： var ename='然哥'; var sex='未知'; var phone=13838383838; var addr='石景山区八宝山路444号'; //console.log(ename,sex,phone,addr); 2.//练习：声明变量分别保存语文、数学、总成绩，其中总成绩为空； 把语文和数学相加的和赋给总成绩。最后打印3个变量。 答案： var chinese=60,math=32,t
Javascript专项练习
阿牛哥的博客
08-21 523
Javascript专项练习
js基础试题及答案(一)
szmtjs10的博客
12-09 1万+
一、单选题（共30题，每题2分） 1.如下代码，会弹出来是什么 var num1=“1” ;var num2=1 alert(num1-num2); A 0 B 11 C 1+1 D 报错 正确答案: A 解析: 相减,进行隐士转换,全部为数字 2.如下代码，会弹出来是什么 var num1=“hi” var num2=1...
前端第一周，Javascript--作业练习
Number_sun的博客
08-21 47
document.write(year+"年"+month+"月"+day+"日是"+year+"年的第"+sumday+"天");// 判断 当前循环变量j的 百位 十位 个位 数字各自的三次方 是否等于 当前循环变量j。alert(y+'年'+m+'月'+d+'日是'+y+'年的第'+sumDay+'天');// 取到 当前循环变量j的 百位 十位 个位 的数字。// 判断当前循环变量的值是否为闰年。// 定义变量接收最终的计算结构。// 定义一个变量用来计数。// 叠加每个月的天数的。
javascript练习代码
06-13
以下是一个简单的 JavaScript 练习代码，它实现了一个计算器： ...<!... <title>JavaScript Calculator <h1>JavaScript Calculator ...请注意，这只是一个非常基础的练习代码，还有很多可以改进和优化的地方。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值