Javascript学习笔记【第一章】

最新推荐文章于 2024-05-21 21:30:26 发布

鲁康

最新推荐文章于 2024-05-21 21:30:26 发布

阅读量319

点赞数

分类专栏： javaScript 文章标签： javascript

本文链接：https://blog.csdn.net/lukang520/article/details/48491235

版权

javaScript 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>第一章.html</title>
</head>
<body>

<script type="text/javascript">

    var a = [];
    a.push(1, 2, 3);
    //将数组元素的次序翻转
    a.reverse();
    console.log("a[0]=" + a[0]);

    /*----------------------------------------------------------*/

    //已知 A,B,C 三点为三角形，A到B为3，A到C为4，求 B到C为多少？
    var $A = 3, $B = 4;
    //Math.sqrt 计算平方根 3*3=9 Math_sqrt=3
    var Math_sqrt = Math.sqrt($A * $A + $B * $B);
    console.log("B到C为-->" + Math_sqrt); //5

    /*----------------------------------------------------------*/

    //一个求绝对值的函数
    function abs(x) {
        if (x >= 0) {
            return x;
        } else {
            return -x;
        }
    }
    console.log(abs(-56)); // 56

    /*----------------------------------------------------------*/

    //计算阶乘的函数
    function Factorial(n) {
        var $num = 1;
        while (n > 1) {
            $num *= n;
            n--;
        }
        return $num;
    }
    console.log(Factorial(5));// 120  =  1*2*3*4*5

    /*----------------------------------------------------------*/

    //定义一个新的构造函数 想当然初始化一个新的Point对象
    function Point(x,y){
        this.x=x;
        this.y=y;
    }

    //使用new关键字和构造函数来创建一个实例
    var $p1=new Point(1,1);
    var $p2=new Point(2,2);

    //通过给构造函数的prototype对象赋值  相当于给 p1 和 p2 添加 r方法；
    Point.prototype.r=function(){
        return Math.sqrt(this.x * this.x + this.y * this.y);
    }
    //Point的实例对象 p1,p2(以及所有的Point对象)继承了方法r()
    console.log($p1.r()); // 1.414....
    console.log($p2.r()); // 2.8284271247461903

    /*----------------------------------------------------------*/

    function $debug(msg){
        var log=document.getElementById("debuglog");
        //如果这个元素不存在，则创建一个
        if(!log){
            //创建一个新的 div 元素
            log=document.createElement("div");
            //给元素属性ID赋值
            log.id="debuglog";
            //定义初始内容
            log.innerHTML="<h1>debuglog</h1>";
            //将其添加到文档的末尾
            document.body.appendChild(log);
            var pre=document.createElement("pre");
            var text=document.createTextNode(msg);
            pre.appendChild(text);
            log.appendChild(pre);
        }
    }
    $debug("虽然方法定义了参数msg 但这里不写也可以调用。");//虽然方法定义了参数msg 但这里不写也可以调用。

    /*----------------------------------------------------------*/

    //幂次算法
    var $mi_ci=Math.pow(2,3);
    console.log($mi_ci);// 8  =  2*2*2  3代表是的次数

    /*----------------------------------------------------------*/

    //第一章最后一个实例 一个JavaScript贷款计算器
    var $qwe=document.createElement("div");
    $qwe.innerHTML="第一章最后一个实例 一个JavaScript贷款计算器";
    document.body.appendChild(document.createElement("hr"));
    document.body.appendChild($qwe);

    console.log(window.localStorage);



</script>

</body>
</html>