Javascript是一门脚本语言,主要由浏览器来执行。它可以说是页面的灵魂,让页面活过来。与之前学的HTML5+CSS样式的不同之处就在于,JS能让静态网页成为一个动态网页,实现与用户的互动。

Javascript是由ECMAScriptDOMBOM三部分组成。

ECMAScript:(European Computer Manufacturers Association)核心

DOM:(Document Object Model)文档对象模型

BOM : (Drowser Object Model)浏览器对象模型

题外话:Javascript与Java两者虽然命名上看似有关联,但实际上并没有,当时 Netscape 之所以将 LiveScript 命名为 JavaScript,是因为 Java 是当时最流行的编程语言,带有 "Java" 的名字有助于这门新生语言的传播。 但相似之处还是有的,比如两者的语法都和C语言很相似。

Javascript使用方式

1.将javascript代码插入html文档<head>部分的<script>标签中

<head>
<script type=“text/javascript”>
//javascript 代码注释
alert(‘hello world’);
</script>
</head>

2.将javascript代码存放在一个独立的文件。用.js作为文件的扩展名,再利用<script>标签的src属性指向该文件。

<head>
<script type=“text/javascript” src=“test.js”></script>
</head>

Javascript语法

一、变量

说明:变量由 var 运算符加变量名定义。

规制:

1.第一个字符必须是字母、下划线(_)、或美元符号 ($);

2.变量名中不能包含空格或标点符号(下划线(_) 和$ 除外);

3.变量名区分大小写

4.不能使用保留字、关键字

var age = 25;
var mood = ‘happy’;

二、数据类型

1.字符串(String)

说明: 字符串由零个或多个字符构成,字符包括字母,数字,标点符号和空格

规制:字符串必须放在引号里(单引号或双引号);

var mood = “happy”;

2.数值(number)

说明:数值类型的变量不需要用单引号或双引号包起来。

var age = 25;
var money= 25.5;

 

3.布尔类型 (boolean)

说明:与字符串不同,不要把布尔值用引号括起来。布尔值 false 与 字符串 "false"是两回事。

规制:布尔型数据只能有两种种值 true 和 false;

var like=true;
var like=false;

4.对象(object)

说明:Javascript是一种面向对象的语言,因此可以使用面向对象的思想来进行 对象就是由一些彼此相关的属性和方法集合在一起而构成的一个数据实体。

注:对象是Javascript的重点,在今后的日子里会不断的用到各种对象。

Javascript对象:Array 对象Boolean 对象、Date 对象、Math 对象、Number 对象、String 对象、RegExp 对象、全局属性和函数

以其中Date对象用来处理日期和时间,为例:

//新建一个Date()对象
var today = new Date();
//获取年份
var year = today.getFullYear();
//getMonth()获取到的月份是重0开始的
var month = today.getMonth() + 1;
//getDay()获取的是星期,也是从0开始的
var week= today.getDay();
//获取日
var day=taday.getDate();
//获取小时
var hour=taday.getHours();
//获取分钟
var minute=taday.getMinutes();
//获取秒数
var second=taday.getSeconds();

5.Array 数组(object)

说明:我们的变量一般都只能存储一个内容 所以它其实是一个单一的容器 我们的数组一般可以存一个或者是多个值 ,所以数组是一个大的容器,数组也是Javascript对象

组成部分:数组其实是由多个 (键-值) 所组成的一个多容器 数组的索引 默认是从0开始的

例:

var arr = new Array(23,23,45,56,435);
var arr2 = [23,34,546];
var arr3 = new Array();
arr3[0] = 234;
arr3[1] = 234;

6.JavaScript - null, undefined 

null:在 JavaScript 中 null 表示 "什么都没有"。null是一个只有一个值的特殊类型。表示一个空对象引用。可以设置为 null 来清空对象。

Undefined :在 JavaScript 中, undefined 是一个没有设置值的变量。 typeof 一个没有值的变量会返回 undefined。同样可以设置为 undefined 来清空对象。

Undefined 和 Null 的区别在于 typeof undefined 得到的结果是 undefined ,而 typeof null 得到的结果是 object 。

Javascript初学篇章_1(概念/数据类型)的更多相关文章

  1. Javascript初学篇章_2(数据类型的查看和转换/运算符)

    三.数据类型的查看和转换 1.查看数据类型 typeof 说明:typeo可以查看变量的类型. 语法:alert(typeof  变量名或数据): 2.转换成字符串 var married = fal ...

  2. Javascript初学篇章_5(对象)

    对象 Javascript是一种面向对象的语言,因此可以使用面向对象的思想来进行javascript程序设计对象就是由一些彼此相关的属性和方法集合在一起而构成的一个数据实体.举个例子,一只猫是个对象, ...

  3. Javascript学习笔记-基本概念-数据类型

    1.typeof 操作符的返回值: "undefined"——如果这个值未定义: "boolean"——如果这个值是布尔值: "string" ...

  4. Javascript初学篇章_4(循环与函数)

    七.循环语句 1.While 语法: while (exp){ //statements; } 说明: while (变量<=结束值){ 需执行的代码 } 例: var i=0; while(i ...

  5. Javascript初学篇章_3(注释/if/switch)

    五.javascript的注释 // 单行注释 /* …*/ 多行注释 注:多行注释不能互相嵌套 六.程序流程控制 一.条件语句 if 语法: if(condition) statements1 el ...

  6. Javascript初学篇章_8(事件)

    事件 HTML 事件是发生在 HTML 元素上的事情.例如用户点击按钮时,点击也是一个事件.事件可以用于处理表单验证,用户输入,用户行为及浏览器动作,如: 页面加载时触发事件 页面关闭时触发事件 用户 ...

  7. Javascript初学篇章_7(DOM)

    DOM 文档对象模型DOM (document object model) 文档对象模型,它定义了操作文档对象的接口.DOM 把一份html文档表示为一棵家谱树,使用parent(父), child( ...

  8. Javascript初学篇章_6(BOM)

    BOM 浏览器对象模型 BOM (浏览器对象模型),它提供了与浏览器窗口进行交互的对象 一.window对象 Window对 象表示整个浏览器窗口. 1.系统消息框 alert() alert('he ...

  9. CSS3初学篇章_1

    CSS 层叠样式表 不同的浏览器需要不同的前缀,虽然目前最新版本的浏览器的不需要,但为了向下兼容,前缀还是少不了. 前缀 浏览器  -webkit  chrome和safari  -moz  fire ...

随机推荐

  1. nyoj 71 独木舟上的旅行(贪心专题)

    独木舟上的旅行 时间限制:3000 ms  |  内存限制:65535 KB 难度:2   描述 进行一次独木舟的旅行活动,独木舟可以在港口租到,并且之间没有区别.一条独木舟最多只能乘坐两个人,且乘客 ...

  2. Linux进程间通信(二):信号集函数 sigemptyset()、sigprocmask()、sigpending()、sigsuspend()

    我们已经知道,我们可以通过信号来终止进程,也可以通过信号来在进程间进行通信,程序也可以通过指定信号的关联处理函数来改变信号的默认处理方式,也可以屏蔽某些信号,使其不能传递给进程.那么我们应该如何设定我 ...

  3. android 项目中如何引入第三方jar包

    http://www.360doc.com/content/13/0828/08/11482448_310390794.shtml

  4. Node.js入门学习笔记(二)

    函数传递 举例来说,你可以这样做: function say(word) {      console.log(word);  }  function execute(someFunction, va ...

  5. javascript数据结构-栈

    github博客地址 栈(stack)又名堆栈,它是一种运算受限的线性表.遵循后进先出原则,像垃圾桶似的.功能实现依然按照增删改查来进行,内部数据存储可以借用语言原生支持的数组. 栈类 functio ...

  6. [Keygen]IntelliJ IDEA 14.1.7

    IntelliJ IDEA 14.1.7 Keygen package com.candy.keygen.intelliJIdea; import java.math.BigInteger; impo ...

  7. Java高并发同步Volatile的使用

    引言: 在多线程并发编程中synchronized和Volatile都扮演着重要的角色,Volatile是轻量级的synchronized,它在多处理器开发中保证了共享变量的“可见性”. 可见性的意思 ...

  8. Linux IO模式及 select、poll、epoll详解

    linux的IO调度文章==> https://segmentfault.com/a/1190000003063859?hmsr=toutiao.io&utm_medium=toutia ...

  9. "转" CXF+JAXB处理复杂数据

    CXF简单数据类型以及类(JavaBean)都提供了较好的支持. 但是对于一些复杂类型(集合或者Map的嵌套)的处理时,就需要我们进行“”人工干预“.在网上找了一些文章,其中这篇写的最为详细,再次备注 ...

  10. winfrom 隐藏任务栏(win7)

    1:新建winfrom 窗体应用程序 2:拖入contextMenuStrip.notifyIcon 2个控件 3:如图 4:code: 注意:复制控件事件要注册 using System; usin ...