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)的更多相关文章

  1. JavaScript基础

    JavaScript基础 JavaScript是一门编程语言,浏览器内置了JavaScript语言的解释器,所以在浏览器上按照JavaScript语言的规则编写相应代码之,浏览器可以解释并做出相应的处 ...

  2. 一步步学习javascript基础篇（0）:开篇索引

    索引: 一步步学习javascript基础篇(1):基本概念 一步步学习javascript基础篇(2):作用域和作用域链 一步步学习javascript基础篇(3):Object.Function等 ...

  3. 前端之JavaScript基础

    前端之JavaScript基础 本节内容 JS概述 JS基础语法 JS循环控制 ECMA对象 BOM对象 DOM对象 1. JS概述 1.1. javascript历史 1992年Nombas开发出C ...

  4. 一步步学习javascript基础篇（3）：Object、Function等引用类型

    我们在<一步步学习javascript基础篇(1):基本概念>中简单的介绍了五种基本数据类型Undefined.Null.Boolean.Number和String.今天我们主要介绍下复杂 ...

  5. Javascript基础回顾 之(三) 面向对象

    本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...

  6. Javascript基础回顾 之(二) 作用域

    本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...

  7. Javascript基础回顾 之(一) 类型

    本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...

  8. JavaScript 基础回顾——对象

    JavaScript是基于对象的解释性语言,全部数据都是对象.在 JavaScript 中并没有 class 的概念,但是可以通过对象和类的模拟来实现面向对象编程. 1.对象 在JavaScript中 ...

  9. javascript基础01

    javascript基础01 Javascript能做些什么? 给予页面灵魂,让页面可以动起来,包括动态的数据,动态的标签,动态的样式等等. 如实现到轮播图.拖拽.放大镜等,而动态的数据就好比不像没有 ...

  10. javascript基础02

    javascript基础02 1.数据类型 数据类型的描述在上篇的扩展中有写到链接 由于ECMAScript数据类型具有动态性,因此的确没有再定义其他数据类型的必要.这句话很重要. 如果以后再数据类型 ...

随机推荐

  1. linux基本命令学习笔记

    这个几天在研究linux的常用基本命令.以下是此时间内的幻灯片截图笔记,在这里留个脚印. linux 常用命令 1,命令的基本格式 2,文件处理命令 3,文件搜索命令 4,帮助命令 5,压缩解压缩命令 ...

  2. UVA 10827 Maximum sum on a torus （LA）

    算法入门经典训练指南88页练习 ::这道题只要把原矩阵扩大4倍,那么其跟最大子矩阵的题目就很类似,把二维转化成一维,求最大的序列和,不过这个序列的长度不能超过n. 长度不能超过n? 那这道题又跟hdu ...

  3. nginx命令详解

    nginx的configure命令支持以下参数: --prefix=path    定义一个目录,存放服务器上的文件 ,也就是nginx的安装目录.默认使用 /usr/local/nginx. --s ...

  4. 小结getBytes()默认编码导致的xml字符串中出现乱码

    遇到乱码第一印象想到的是如何统一编码,很少注意到这期间穿插的某些过程也是一大隐患.. sae上部署了一个spring写的微信小程序,手机总关注测试号点击菜单得到的文本消息却是乱码.. 聚焦发送消息的部 ...

  5. linux内核模块

    一个简单的驱动 模块的使用能使linux内核便于裁剪,根据不同的应用需求得到一个最小的内核,同时调试内核驱动也更为方便,比如如果调试i2c驱动,如果不采用模块的方式,那么每次修改i2c驱动就得编译整个 ...

  6. iTOP-4412开发板低功耗高性能的开源硬件平台——上手评测

    iTOP-4412开发板现在比较热门的开发板,笔者近期入了一套.也推荐给初学ARM的朋友学习,4412开发板搭载三星Exynos四核处理器,配备1GB内存,4GB固态硬盘EMMC存储,兼具快速读取与超 ...

  7. 关于comparable与comparator的用法（即自定义集合框架用法 ）

    package javastudy; import java.util.Comparator; import java.util.Iterator; import java.util.TreeSet; ...

  8. java9-9 匿名内部类

    1. 匿名内部类 就是内部类的简化写法. 前提:存在一个类或者接口 这里的类可以是具体类也可以是抽象类. 格式: new 类名或者接口名(){ 重写方法; } new Xxx()是创建了一个对象,而抽 ...

  9. AndroidStudio权威教程 AS添加第三方库的6种方式（Jar module so等）

    点击项目设置按钮 依次选择 App > Dependencies 1. 直接搜索法 依次选择 + > Library dependency 这里的搜索一定要是全名的,不然搜不到哦 下图所表 ...

  10. pl/sql developer中的SQL语句

    1.无论是在查询还是在插入的时候,值都必须是单引号‘’,否则会报错,ORA-00904:标识符无效.