JavaScript基础之计算

最新推荐文章于 2023-10-12 10:25:51 发布

xy8199

最新推荐文章于 2023-10-12 10:25:51 发布

阅读量296

点赞数

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

本文链接：https://blog.csdn.net/xy8199/article/details/78186290

版权

JavaScript 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

1.js的执行原理
2.js的历史
3.变量
   js是弱类型语言。
   java 8中，
   js   string  字符型     相当于 Java里 的char string
      number   数字型     int float  double....
      object   复杂类型
      undefined 未定义类型
   使用：
      var a = 122;
      var b = "hello js";
4.函数
      普通函数
         function method(a,b){
            return "";
         }
      匿名函数
         var aa = function(){

         }

简单案例

script
标签，里面写js代码

1.计算 两个数的和，并弹出警示框显示结果
   alert（警示框）----给用户提示
文本框中计算两个数

源码

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>js基础</title>
</head>

<body>

<!--
    输入框
    当点击一个按钮的时候，计算
 -->
<!--
    input 输入框    用于用户输入信息的
    onclick 属性，代表点击事件，当点击按钮的时候触发
     -->
<input type="text" name = "n1" id = "id1"/><br>
<input type="text" name = "n2" id = "id2"/>
<input type="button" value  = "按钮" id = "id3" οnclick="jisuan()"/>
<script type="text/javascript">
    /* var a = 123;
     var b = 234;
     var c = a+b;
     alert(c); */
    //函数的定义
    //document  就是文档
    //getElementById  根据id取元素
    //输入框里面的值对应的属性   value
    function jisuan(){
        //取出两个数
        var a = document.getElementById("id1").value;
        var b = document.getElementById("id2").value;
        //计算

        var c = parseInt(a)+parseInt(b);
        //弹出结果
        alert(c);
    };
    //逻辑运算符
    //if
    //增强for
    //js 定义数组，然后循环
    //js里面的数组，大小不固定
    var arr = new Array(1,2,3,4,5);
    for(var i in arr){
        alert(i);
    }
    //普通for
</script>
</body>
</html>