zoukankan      html  css  js  c++  java
  • javascript基础(1)

    1.前言

    •   ECMAscript解释,用来解释JS代码
    •   DOM 文档对象模型,浏览器在做显示时需要渲染DOM树
    •       BOM  浏览器对象模型,可以控制浏览器的行为,代码的兼容性很差

    2、基本类型

      数字类型:  var a = 12; 

      字符串:   var  a = "String";

      函数类型:    var a = function()

      对象类型:      var  a = document

      布尔类型:     var  a = boolean

    一个变量的类型是根据其赋值决定。

    3.类型转换

    • 显示转换

    <!DOCTYPE html>
    <html>
    <head>
        <title>求和</title>
        <script type="text/javascript">
        window.onload= function (){
           
            var oBtn = document.getElementById('btn');
            oBtn.onclick = function (){
                var oInput1 = document.getElementById('input1');
                var oInput2 = document.getElementById('input2');
                var value1 = parseInt(oInput1.value); //将字符串转换为Int
                var value2 = parseInt(oInput2.value);
                if(!isNaN(value1) && !isNaN(value2))  //判断一个变量是不是数字类型
                    alert(value2 + value1);
            }
        }
        </script>
    </head>
    <body>
        <input type="text" id="input1">
        <input type="text" id="input2">
        <button id="btn" type="button">求和</button>
    </body>
    </html>
    • 隐式类型转换

      ==  值相等则为真

      === 类型相等且值相等为真

      +      字符串连接符/数字相加

      -      会将字符串转为数字做减法操作

    4.变量的作用域

    • 闭包:子函数可以访问父函数中的变量
      function a(){
           var temp =1;
           function b(){
                 temp = 2;
           }    
      }
    • 变量命名规范

      

    5.json解析

    • 单个访问json

    <!DOCTYPE html>
    <html>
    <head>
        <title>json</title>
        <script type="text/javascript">
        var json = {a:12, b:"sss", c:12.4};
        alert(json.a);
        alert(json['b']);
        </script>
    </head>
    <body>
    </body>
    </html>
    • 循环访问json

    <!DOCTYPE html>
    <html>
    <head>
        <title>json</title>
        <script type="text/javascript">
        var json = {a:12, b:"sss", c:12.4};
        //tmp为键,json[tmp]为值
        for(var tmp in json)
            alert(json[tmp]);
        </script>
    </head>
    <body>
    </body>
    </html>
  • 相关阅读:
    OSI参考模型(转)
    H3C交换机配置常用命令(转)
    H3C交换机配置学习随笔
    [Swust OJ 247]--皇帝的新衣(组合数+Lucas定理)
    [Swust OJ 1084]--Mzx0821月赛系列之情书(双线程dp)
    [Swust OJ 404]--最小代价树(动态规划)
    [Swust OJ 610]--吉祥数
    [Swust OJ 137]--波浪数(hash+波浪数构造)
    [Swust OJ 566]--开N方数(牛顿切线法解高次方程)
    [Swust OJ 1125]--又见GCD(数论,素数表存贮因子)
  • 原文地址:https://www.cnblogs.com/xidongyu/p/5480958.html
Copyright © 2011-2022 走看看