• JavaScript基础知识


    1. 显示当前日期
      <!DOCTYPE html>
      <html>
      <head>
      <meta charset="utf-8">
      <title>无标题文档</title>
      <head>
      <script type="text/javascript">
          function riqi(){
              document.getElementById("pp").innerHTML=Date();
          }
      </script>
      </head>
      <body>
      <h1>幸福是一件简单的事情</h1>
      <p id="pp">我代表段落</p>
      <button type="button" onClick="riqi()">显示日期</button>
      </body>
      </html>
    2. JavaScript 数据类型
      Number() 转换为数字, String() 转换为字符串, Boolean() 转化为布尔值。
      
      在 JavaScript 中有 5 种不同的数据类型:
      
          string
          number
          boolean
          object
          function
      
      3 种对象类型:
      
          Object
          Date
          Array
      
      2 个不包含任何值的数据类型:
      
          null
          undefined
    3. 使用 typeof 操作符来查看 JavaScript 变量的数据类型
      <!DOCTYPE html>
      <html>
      <head>
      <meta charset="utf-8">
      <title>无标题文档</title>
      <head>
      
      </head>
      <body>
      <p id="pp">我代表段落</p>
      <script type="text/javascript">
          document.getElementById("pp").innerHTML=
              typeof "liu"+"<br>"+
              typeof 123 +"<br>" +
              typeof {}+"<br>" +
              typeof riqi;  //riqi没有声明,所以是undefined
      </script>
      </body>
      </html>
      请注意:
      
          NaN 的数据类型是 number
          数组(Array)的数据类型是 object
          日期(Date)的数据类型为 object
          null 的数据类型是 object
          未定义变量的数据类型为 undefined
    4. String()和toString()数字转字符串
      <!DOCTYPE html>
      <html>
      <head>
      <meta charset="utf-8">
      <title>无标题文档</title>
      <head>
      
      </head>
      <body>
      <p id="pp">我代表段落</p>
      <script type="text/javascript">
          var x=123;
          document.getElementById("pp").innerHTML=
              //第一种数字转字符串
              String (x)+"<br>"+  
              String(123) +"<br>" +  
              String (100 + 23)+"<br>" ;
              //第二种数字转字符串  x.toString()+ "<br>" +
                           //  (123).toString+ "<br>" +
                           //  (100+23).toString;
      </script>
      </body>
      </html>
    5. function函数,全选和取消全选的方法
      <!DOCTYPE html>
      <html>
      <head>
      <meta charset="utf-8">
      <title>无标题文档</title>
      <head>
      <script type="text/javascript">
         function checkboxed(objName){
          var objNameList=document.getElementsByName(objName);    
      
          if(null!=objNameList){
              alert("全选操作");
              for(var i=0;i<objNameList.length;i++){
                  objNameList[i].checked="checked";
              }
          }
      }
      
      function uncheckboxed(objName){
          var objNameList=document.getElementsByName(objName);    
      
          if(null!=objNameList){
              alert("取消全选操作");
              for(var i=0;i<objNameList.length;i++){
                  objNameList[i].checked="";
              }
          }
      }
      </script>
      </head>
      <body>
      看书:<input type="checkbox" name="checkbox" value=1><br>
      写字:<input type="checkbox" name="checkbox"value=2><br>
      打飞机:<input type="checkbox" name="checkbox"value=3><br>
      玩游戏:<input type="checkbox" name="checkbox"value=4><br>
      <button onclick="checkboxed('checkbox')">全选</button>
      <button onclick="uncheckboxed('checkbox')">取消全选</button>
      
      </body>
      </html>
  • 相关阅读:
    Centos 7 安装jdk 配置环境变量
    【转载】C#检测客户端输入的内容是否含有危险字符串
    【转载】C#将图片以二进制流的方式存入数据库
    【转载】为何你的网站一直不被百度、搜狗、谷歌等搜索引擎收录
    【转载】目前国内主流的云服务器厂商有哪些
    【转载】阿里云服务器为网站选配Https证书
    【转载】网站遭遇DDoS攻击怎么办
    使用的阿里云服务器被黑客入侵怎么办
    HTTP状态码以及其含义大全
    Url的Base64编码以及解码
  • 原文地址:https://www.cnblogs.com/lxy151/p/7729188.html
Copyright © 2020-2023  润新知