码迷,mamicode.com
首页 > 编程语言 > 详细

javascript基础(1)

时间:2016-05-11 11:15:03      阅读:196      评论:0      收藏:0      [点我收藏+]

标签:

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>

 

javascript基础(1)

标签:

原文地址:http://www.cnblogs.com/xidongyu/p/5480958.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!