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. Docker CentOS 7.2镜像systemd问题解决办法

    docker的CentOS 7.2最新版官方镜像使用systemctl管理程序时会遇到如下错误: Failed to get D-Bus connection: Operation not permi ...

  2. rabbitmq server的安装以及常用的命令

    Centos 源代码编译 安装 ErlangErlang依赖哪些库? A fully working GCC compiler environment         Ncurses developm ...

  3. hdu 1542 Atlantis(线段树，扫描线)

    Atlantis Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others) Total S ...

  4. 【ubuntu】中文输入法安装二三事

    本来很愉快地刷着JS程序,很有感慨啊,想写篇博客记一下学习笔记,结果忘记了博客账号,后来通过邮箱找回了之后想要开始写..发现ubuntu的中文输入法不能用啊(其实不是不能用,就是小白没搞清楚状况,双系 ...

  5. linux内核宏container_of

    首先来个简单版本 /* given a pointer @ptr to the field @member embedded into type (usually * struct) @type, r ...

  6. 边工作边刷题：70天一遍leetcode: day 71

    Longest Substring with At Most Two Distinct Characters # Given a string, find the length of the long ...

  7. AOJ 740 求和

      链接:http://icpc.ahu.edu.cn/OJ/Problem.aspx?id=740   Description 对于正整数n,k,我们定义这样一个函数f,它满足如下规律f(n,k=1 ...

  8. 简单的抓取淘宝关键字信息、图片的Python爬虫|Python3中级玩家：淘宝天猫商品搜索爬虫自动化工具（第一篇）

    Python3中级玩家:淘宝天猫商品搜索爬虫自动化工具(第一篇) 淘宝改字段,Bugfix,查看https://github.com/hunterhug/taobaoscrapy.git 由于Gith ...

  9. C# 编码约定（C# 编程指南）

    C#注释约定 将注释放到另一行,而不要放在代码行的末尾. 以大写字母作为注释文本的开头. 以句点结束注释文本. 在注释分隔符 (//) 和注释文本之间插入一个空格,如以下示例所示. // The fo ...

  10. C r and n(组合数)

    找出n个数的r个数的组合,如下形式: 输入:n,r分别为 5, 3 输出: 5    4     3 5    4     2 5    4     1 5    3     2 5    3     ...