JavaScript基本语法(一)

前段时间学习了HTML和CSS,也实战了一些结构较简单的项目。在还没运用到JS的知识时,做出来的效果总觉得少了些什么。虽然总体布局与一些基本的特效,也能用HTML+CSS就能完成。但如今开始进入JavaScript的学习,学习完JS后,才算是能做出一个像样的网站。学习JS就没有像学习HTML和CSS那样轻松了。这如果没有足够的耐心与毅力,估计很快就被击倒。知识需要一点点积累,最终汇聚成知识的海洋。
1、什么是JavaScript
Javascipt是一种脚本语言,由web浏览器进行解释和执行。脚本就好比演员的剧本,剧本决定了演员要做的事情。用 JavaScript 编写的程序能够访问 Web 页面的元素和运行它的浏览器,对这些元素执行操作,还可以创建新元素。JavaScript 是一种解释型语言,不是 C++或 Java 那样的编译语言。
指令以普通文本形式传递给浏览器,然后依次解释执行。
2、JavaScript 能做什么
让页面可以动起来,包括动态的数据,动态的标签,动态的样式等等。
3、JavaScript应用到网页的方式
(1)、将javascript代码插入html文档<head>部分的<script>标签中 。
例:<head>

<script type=“text/javascript”>
  alert(‘你好!’);
</script>

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

例:
<head>
<script type=“text/javascript” src=“test.js”></script>
</head>
4、JavaScript 语法
(1)、变量

a、变量由 var 运算符加变量名定义。如下:
var age = 25;
在这里,用var 来定义了一个名为age 的变量,其值为整数25。
注:变量简单理解为好比生活中的容器。

变量名命名规则:

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

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

b、变量名区分大小写;

不能使用保留字、关键字;
如下:
var name="John";对
var 1num="0";错
var var=1;错

(2)、数据类型

a、字符串(String)

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

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

var name= “sum”;
var mood = ‘happy’;

b、数值(number)
var age = 25;
var price = 33.25;
注:要注意,字符串的特征是有单引号或双引号括起来。

(3)、JavaScript注释

JavaScript 注释可用于提高代码的可读性。JavaScript 不会执行注释。我们可以添加注释来对 JavaScript 进行解释,或者提高代码的可读性。

//  单行注释

/* …* /  多行注释

注:多行注释不能互相嵌套。

(4)、布尔类型 (boolean)

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

var married = true;

var married = false;

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

(5)、对象(object)

在 JavaScript中,几乎所有的事物都是对象。对象(object) Javascript是一种面向对象的语言,因此可以使用面向对象的思想来进行 对象就是由一些彼此相关的属性和方法集合在一起而构成的一个数据实体。对象也是一个变量,但对象可以包含多个值(多个变量)

真实生活中,一辆汽车是一个对象。对象有它的属性,如重量和颜色等,方法有启动停止等:

a、对象定义

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

定义 JavaScript 对象可以跨越多行,空格跟换行不是必须的:

var person = {
    firstName:"John",
    lastName:"Doe",
    age:50,
    eyeColor:"blue"
};

b、对象属性

通常认为 "JavaScript 对象是键值对的容器"。

键值对通常写法为 name : value (键与值以冒号分割)。

键值对在 JavaScript 对象通常称为 对象属性

访问对象属性的方法:

1)、person.lastName;

2)、person["lastName"];

时间: 2024-10-12 15:41:50

JavaScript基本语法(一)的相关文章

javascript基础语法——词法结构

× 目录 [1]java [2]定义 [3]大小写[4]保留字[5]注释[6]空白[7]分号 前面的话 javascript是一门简单的语言,也是一门复杂的语言.说它简单,是因为学会使用它只需片刻功夫:而说它复杂,是因为要真正掌握它则需要数年时间.实际上,前端工程师很大程度上就是指javascript工程师.前端入门容易精通难,说的是前端,更指的是javascript.本文是javascript基础语法的第一篇——词法结构 与java关系 关于javascript有这样一个说法,java和jav

Unit04: JavaScript 概述 、 JavaScript 基础语法 、 流程控制

Unit04: JavaScript 概述 . JavaScript 基础语法 . 流程控制 my.js function f3() { alert("唐胜伟"); } demo1.html  演示点击按钮,弹出提示框 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <

JavaScript的语法规则

JavaScript的语法规则 JavaScript区分大小写 JavaScript脚本程序须嵌入在HTML文件中 JavaScript脚本程序中不能包含HTML标记代码 每行写一条脚本语句 语句末尾可以加分号一定是英文下的分号(;),最好加分号 JavaScript脚本程序可以独立保存为一个外部文件

javascript的语法作用域你真的懂了吗

有段时间没有更新了,思绪一下子有点转不过来.正应了一句古话"一天不读书,无人看得出:一周不读书,开始会爆粗:一月不读书,智商输给猪.".再加上周五晚上看了下很久没看的湖南综艺节目<天天向上>关于出版书及读书的相关内容,看到相当多的嘉宾家里的书房让我惊叹也伴随着一种文人的向往.我虽然小的时候不太爱看书,但是随着自己一点点的长大,也不知道什么时候开始也有买书藏书看书的情节,而且正如郁钧剑老师所说的藏书有点会上瘾,即使有些书不是马上就会看.挺希望以后不工作了,有自己的一间书屋,一

javascript基础语法-数据类型

二 javascript基础语法 (一)JavaScript 数据类型 ***************************************************************** 不同的编程语言往往有不同的数据分类,与C和Java等面向对象语言不同的是,JavaScript变量不需要明确的数据类型声明,在第一次对变量赋值的时候会根据数据值自动确定数据类型.这也是JavaScript简单易用的原因之一,作为初学者往往会在变量类型的转换上遇到问题,JavaScript就简化了

javascript体系-语法

5 代表此属性ECMAScript 5(一般IE9+)才支持. 图解:—— 图解: undefined,null,NaN Infinity ECMAScript 5禁止修改 每个函数都是Function的实例 函数内部属性 arguments参数伪数组 arguments.callee递归用 this指执行时的环境对象(或叫实例).如json/new func/window    arguments.callee.caller 调用当前函数的引用 javascript体系-语法

JavaScript基本语法

1. 在HTML里面加入JavaScript 方法非常简单,就是通过一对<script></script>标签,然后在标签里面书写代码即可 2. 标签位置 按照以前传统的方法,我们的script标签都是放在head标签里面的.但是由于浏览器进行渲染的时候是由上往下进行渲染,这样会导致浏览器在呈现页面的时候出现延迟.延迟的时候就是空白,影响用户体验.所以现在的方法,都是讲script标签写body里面,元素的后面. 3. 外部JS文件 1)可维护性高 2)可缓存:例如有两个HTML文

javascript 基础语法

1. 变量 从字面上看,变量是可变的量:从编程角度讲,变量是用于存储某种/某些数值的存储器.我们可以把变量看做一个盒子,盒子用来存放物品,物品可以是衣服.玩具.水果...等. 1.1 变量命名规则 1.1.1.必须以字母.下划线或美元符号开头,后面可以跟字母.下划线.美元符号和数字. 1.1.2.变量名区分大小写,如:A与a是两个不同变量. 1.1.3.不允许使用JavaScript关键字和保留字做变量名. 1.2 变量声明 声明变量语法: var 变量名, 如 var mynum :声明多个变

第十篇 javascript基础语法

1)基本概念 a) 语句(statement)是为了完成某种任务而进行的操作,语句以分号结尾,一个分号就表示一个语句结束.:如:var a = 1; b) 表达式(expression),指一个为了得到返回值的计算式.如:1+3 c) 变量是对“值”的引用,使用变量等同于引用一个值.var a = 1;变量存在声明和赋值两个过程,var a = 1:等价于 var a:a = 1; 如下申明一个已存在的变量是无效的, var x = 1; var x; x // 1 但是,如果第二次声明的同时还

javaScript基础语法(下)

4.逻辑控制语句 4.1条件结构 条件结构分为if结构和switch结构. 通常在写代码时,您总是需要为不同的决定来执行不同的动作.您可以在代码中使用条件语句来完成该任务. 在 JavaScript 中,我们可使用以下条件语句: if 语句 - 只有当指定条件为 true 时,使用该语句来执行代码. if...else 语句 - 当条件为 true 时执行代码,当条件为 false 时执行其他代码. if...else if....else 语句- 使用该语句来选择多个代码块之一来执行. swi