JavaScript细小知识点自我总结

灰太狼 2021-10-13 02:43 349阅读 0赞

### 1. 在JavaScript 中有几种循环呢？ ###

在 JavaScript 中一共有两种四个循环，两种分别是：for 和 while ，四个分别为：for 循环，for in 循环，while 循环，do-while 循环。

### 2. Math 常用的三种方法 ###

Math.round(x)  输出与 x 最接近的整数
    Math.round(7.50)   =   8
    Math.round(7.49)   =   7
    
    Math.ceil(x)  向上取整
    
    Math.floor(x)  向下取整

### 3. 在浏览器的状态栏放入一条消息 ###

window.status = "put your message here"

### 4. 客户端浏览器名称 ###

navigator.appName     浏览器的信息都会存储在 navigator 中

### 5. JavaScript 中的 Date() 中的方法 ###

<table> 
 <thead> 
  <tr> 
   <th>方法</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td><a href="https://www.runoob.com/jsref/jsref-getdate.html" rel="nofollow">getDate()</a></td> 
   <td>从 Date 对象返回一个月中的某一天 (1 ~ 31)。</td> 
  </tr> 
  <tr> 
   <td><a href="https://www.runoob.com/jsref/jsref-getday.html" rel="nofollow">getDay()</a></td> 
   <td>从 Date 对象返回一周中的某一天 (0 ~ 6)。</td> 
  </tr> 
  <tr> 
   <td><a href="https://www.runoob.com/jsref/jsref-getfullyear.html" rel="nofollow">getFullYear()</a></td> 
   <td>从 Date 对象以四位数字返回年份。</td> 
  </tr> 
  <tr> 
   <td><a href="https://www.runoob.com/jsref/jsref-getmonth.html" rel="nofollow">getMonth()</a></td> 
   <td>从 Date 对象返回月份 (0 ~ 11)。</td> 
  </tr> 
  <tr> 
   <td><a href="https://www.runoob.com/jsref/jsref-gettime.html" rel="nofollow">getTime()</a></td> 
   <td>返回 1970 年 1 月 1 日至今的毫秒数。</td> 
  </tr> 
  <tr> 
   <td><a href="https://www.runoob.com/jsref/jsref-tolocaledatestring.html" rel="nofollow">toLocaleDateString()</a></td> 
   <td>根据本地时间格式，把 Date 对象的日期部分转换为字符串。</td> 
  </tr> 
  <tr> 
   <td><a href="https://www.runoob.com/jsref/jsref-tolocaletimestring.html" rel="nofollow">toLocaleTimeString()</a></td> 
   <td>根据本地时间格式，把 Date 对象的时间部分转换为字符串。</td> 
  </tr> 
  <tr> 
   <td><a href="https://www.runoob.com/jsref/jsref-tolocalestring.html" rel="nofollow">toLocaleString()</a></td> 
   <td>据本地时间格式，把 Date 对象转换为字符串。</td> 
  </tr> 
 </tbody> 
</table>

### 6. JavaScript 中表格属性的结构 ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxODY2NTE2_size_16_color_FFFFFF_t_70][]

### 7. 采用 for 循环，实现输入框中任意两个正整数之间（包括两端的正整数）的正整数求和，同时考虑程序的健壮性（判断用户输入的值是否合理） ###

*  Math.round：把小数化整数
 *  isNaN：判断是否为数字
 *  是否大于 0
 *  min max 之间比较到底谁大谁小

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    第一个数：<input type="text" id="min"/>
    第二个数：<input type="text" id="max"/>
    <button onclick="sum()">检查</button>
    <br>
    <div id="show"></div>
    </body>
    <script type="text/javascript">
        function sum(){
            var sum=0;
            var min = document.getElementById('min').value;
            var max = document.getElementById('max').value;
            //做交换用
            var temp;
            //首先先做处理，把输入的小数化成整数
            min = Math.round(min);
            max = Math.round(max);
            //然后判断是否是数字
            if(isNaN(min)||isNaN(max)){
                alert("请输入数字！");
                return false;
            }
            //题目要求为正整数
            if(min<0||max<0){
                alert("请输入正整数！");
                return false;
            }
            //如果输入的min大于max则交换
            if (min>max){
                temp = min;
                min = max;
                max = temp;
            }
            for (let i=min;i<=max;i++){
                sum = sum + i;
            }
            document.getElementById('show').innerHTML=sum;
        }
    </script>
    </html>

### 8. JavaScript 中面向对象之继承 ###

//动物类
    function animal(sex, age) {
        this.sex=sex;
        this.age=age;
    }
    animal.prototype.info = function () {
        console.log("名字叫%s，年龄是%d，性别是%s",this.name,this.age,this.sex);
    }
    //狗类
    function Dog(sex,age,name) {
        this.name=name;
        animal.call(this,sex,age);
    }
    Dog.prototype = new animal();
    Dog.prototype.bark = function () {
        document.write("wangwangwang<br/>");
    }
    //猫类
    function Cat(sex,age,name) {
        this.name=name;
        animal.call(this,sex,age);
    }
    Cat.prototype = new animal();
    Cat.prototype.bark = function () {
        document.write("miaomiaomiao<br/>");
    }
    var dog = new Dog("男",2,"旺财");
    dog.info();
    dog.bark();
    var cat = new Cat("女",3,"喵喵");
    cat.info();
    cat.bark();

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxODY2NTE2_size_16_color_FFFFFF_t_70]: /images/20211013/ed08326ca85f4f67a07e29635c432e7e.png