JavaScript基础之小白必读

什么是JavaScript

JavaScript是一种解释型脚本语言,能够在客户端的网页中增加动态效果和交互能力,实现了用户与网页之间的一种实时的、动态的交互关系。javaScript的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

Netscape在最初将其脚本语言起名为LiveScript,后来Netscape在与Sun合作之后将其改名为JavaScript。JavaScript最初受Java启发而开始设计的,目的之一就是“看上去像Java”,因此语法上有类似之处,一些名称和命名规范也借自Java。JavaScript与Java名称上的近似,是当时Netscape为了营销考虑与Sun微系统达成协议的结果。
后来,JavaScript被Netscape公司交给ECMA制定标准,成为ECMAScript,最新版ECMAScript6(简称ES6)已经在2015年6月正式发布了。

JavaScript特点

1.是一种解释性脚本语言(代码不进行预编译);

2.主要用来向HTML(标准通用标记语言下的一个应用)页面添加交互行为;

3.可以直接嵌入HTML页面,但写成单独的js文件有利于结构和行为的分离;

4.跨平台特性,在绝大多数浏览器的支持下,可以在多种平台下运行(如Windows、Linux、Mac、Android、iOS等);

JavaScript日常用途

  1. 嵌入动态文本于HTML页面;

  2. 对浏览器事件做出响应;

  3. 读写HTML元素 ;

  4. 在数据被提交到服务器之前验证数据;

  5. 检测访客的浏览器信息;

  6. 控制,包括创建和修改等;

  7. 基于Node.js技术进行服务器端编程;

JS组成

JS组成:ECMAScript(JS的核心)、DOM(文档对象模型)、BOM(浏览器对象模型)

  • ECMAScript:主要定义了JS的语法;
  • DOM:一套操作页面元素的API,DOM可以把HTML看做是文档树,通过DOM提供的API可以对树上的节点进行操作;
  • BOM:一套操作浏览器功能的API,通过BOM可以操作浏览器窗口;

JavaScript书写位置

1.使用<script>标签
<script>…</script>可以包含在文档中的任何地方,只要保证这些代码在被使用前已读取并加载到内存即可
2.外部JS文件

<script src='example.js'> </script>

3.直接在HTML标签中

<input name="example" type='button' onclick="javascript:alert('你好');"/>

JavaScript核心语法:

1. 变量

  • 先声明变量再赋值

var name;

name = '张三';

var - 用于声明变量的关键字

name - 变量名

  • 同时声明和赋值变量

var name2= "皮皮";

var num = 10;

  • 不声明直接赋值【一般不使用】

name='张三';

变量的命名规则和规范

  • 由字母、数字、下划线、$符号组成,不能以数字开头

  • 不能是关键字和保留字,例如:for、while。

  • 区分大小写

  • 变量名必须有意义

  • 遵守驼峰命名法。首字母小写,后面单词的首字母需要大写。例如:userName、userPassword

2. 数据类型

  • undefined:示例:var width;

变量width没有初始值,将被赋予值undefined

  • null:表示一个空值,与undefined值相等

  • number:

var iNum=23; //整数

var iNum=23.0; //浮点数

  • Boolean:true和false 但是JS会把他们解析成1;0

  • String:一组被引号(单引号或双引号)括起来的文本 var string1="This is a string";

3. typeof运算符

typeof检测变量的返回值;typeof运算符返回值如下:

  • undefined:变量被声明后,但未被赋值.

  • string:用单引号或双引号来声明的字符串。

  • boolean:true或false。

  • number:整数或浮点数。

  • object:javascript中的对象、数组和null。

4. String对象

  • 属性:

字符串对象.length

var str="this is JavaScript";

var strLength=str.length; //长度是18

  • 方法:

字符串对象.方法名();

split(str):如果语法写成width.split(" ")【冒号中间有空格】此时:width height hello world会被拆分成:width,height,hello,world;如果语法写成width.split("")【冒号中间没有空格】此时:width height hello world会被拆分成:w,i,d,t,h, ,h,e,i,g,h,t, ,h,e,l,l,o, ,w,o,r,l,d

5. 数组

  • 使用new关键字和Array()来创建数组(也叫构造函数方法)
var arr = new Array();//创建一个空数组

var arr = new Array(“张三”,”男”,24,”未婚”,”本科”,”北京大学”);//创建一个数组,并初始化数组的元素。
  • 使用[]方式创建一个数组
var arr = [“张三”,”男”,24,”未婚”,”本科”,”北京大学”];

注意点:数组元素的值,可是任何类型。如:字符型、数值型、布尔型、数组型、对象型、函数、对象型。

6.关系运算符

JS中的运算符:要进行各种各样的运算,就要使用不同的运算符号。运算时只能进行同类型运算,如果类型不同,将进行类型转换。

1、算术运算符:+、—、*、/、%、++、——;

2、赋值运算符:=、+=、-=、*=、/=

3、比较运算符:>、<、>=、<=、==、!=、===

7.逻辑运算符

1、"&&"逻辑与(也可以叫并且)。如果左右两个操作符都为true,则结果为true,否则,结果为false。

逻辑与,就是两个条件同时满足时,结果为true。

2、"||"逻辑或。左右两个条件,只要一个满足,就返回true,否则,就返回false。

3、"!"取反运算。

8.逻辑控制语句

  • if条件语句

if(条件){
//javascript代码
}
else{
//javascript代码
}
  • switch多分支语句

switch(表达式){
case'常量1':
javascript语句1;
case'常量2':
javascript语句2;
}
  • for、while循环语句

while(条件){
javascript代码;
}

for(初始化;条件;增量){
javascript代码;
}

9. 注释

  • 单行注释以 // 开始,以行末结束:

//alert("恭喜你!注册会员成功");

//在页同上弹出注册会员成功的提示框

//注释

如果在页面里单行注释中回车打一些东西此时就会报错:Uncaught ReferenceError: XXXX is not defined

  • 多行注释以 /* 开始,以 / 结束,符号 /…… */ 指示中间的语句是该程序中的注释

/*
JavaScript是一种解释型脚本语言,能够在客户端的网页中增加动态效果和交互能力,实现了用户与网页之间的一种实时的、动态的交互关系
/
感谢你阅读我的文章,动动小手指点点关注哦 (〃'▽'〃) 更多内容正在编辑中~~~(
╹▽╹*)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,293评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,604评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,958评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,729评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,719评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,630评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,000评论 3 397
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,665评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,909评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,646评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,726评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,400评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,986评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,959评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,197评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,996评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,481评论 2 342

推荐阅读更多精彩内容

  • 原javaScript学习笔记(一)js基础 一、简介 1、概述: JavaScript是目前web开发中不可缺少...
    眼镜蛇阅读 342评论 0 1
  • Javascript 概述 概念: 一门客户端脚本语言 * 运行在客户端浏览器中的。每一个浏览器都有JavaS...
    foreveris阅读 166评论 0 0
  • JavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言 JavaScript的特点: (1...
    _两难阅读 154评论 0 0
  • JavaScript基础 JavaScript简介JavaScript对象 JavaScript简介 为什么使用j...
    廖少少阅读 542评论 0 4
  • JavaScript基础 JavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言。 JavaSc...
    刘玉鹏151阅读 178评论 0 0