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. C++ 第一个C++程序

    #include <iostream> // C++自带的标准头文件都是没有.h的 // 就相当于C语言的<stdio.h> // 提前使用命名空间std using name ...

  2. linux 截图利器-scrot

    一.前言 linux下截图工具有很多,scrot无疑是众多工具中的一个亮点,下面记录下其安装配置过程 二.使用环境 操作系统: centos 6.2 三.依赖 scrot依赖 giblib, gibl ...

  3. 学完STM32开发板，就选4412开发板让你有目标的学习嵌入式开发

    600余页用户使用手册 linux实验手册(资料不断更新)100期配套零基础高清视频教程 轻松入门 (资料不断更新)2000人售后认证群 在线支持 售后无忧 源码全开源  原厂技术资料经典学习书籍推荐 ...

  4. 用Java实现单链表的基本操作

    笔试题中经常遇到单链表的考题,下面用java总结一下单链表的基本操作,包括添加删除节点,以及链表转置. package mars; //单链表添加,删除节点 public class ListNode ...

  5. codeforces 577E E. Points on Plane(构造+分块)

    题目链接: E. Points on Plane time limit per test 2 seconds memory limit per test 256 megabytes input sta ...

  6. python刷题专用函数。。

    无它,非bin()莫属. bin(x) Convert an integer number to a binary string. The result is a valid Python expre ...

  7. UESTC 882 冬马党 --状压DP

    定义:dp[i][j]为状态为j时,第i行符合条件的状态数 转移方程:dp[i][j] += dp[i-1][t]   //t为上一行状态,与当前行不冲突. 从第一行开始向下枚举,每次枚举当前行的状态 ...

  8. Redis漏洞？阿里云被攻击！

    今天运维那边过来说阿里云服务器进程被占用很多,后来查了一下进程发现了这个玩意: 小编我看不懂,经运维先森仔细研究,发现这是被注入进来的一个进程,服务器被当成了肉鸡,专门用来跑比特币的,这样对方就不需要 ...

  9. Fix "Missing Scripts"

    一.Missing Scripts(脚本引用丢失) 请看下面的两张图的Warn(脚本引用丢失),在某些情况下我们会遇到这个警告. 二.解决办法 参考资料 http://unitygems.com/la ...

  10. VC2010中去掉红绝下划线

    1. 在VC2010 的tools/中找到editior. 已经找到c/c++->advanced->IntelliSense->Disable IntelliSence->T ...