javascript今日总结
JavaScript 用法
HTML 中的脚本必须位于 标签之间。
脚本可被放置在 HTML 页面的 和 部分中。
在 或者 的JavaScript
您可以在 HTML 文档中放入不限数量的脚本。
脚本可位于 HTML 的 或 部分中,或者同时存在于两个部分中。
通常的做法是把函数放入 部分中,或者放在页面底部。这样就可以把它们安置到同一处位置,不会干扰页面的内容。
外部的 JavaScript
也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。
外部 JavaScript 文件的文件扩展名是 .js。
JavaScript 显示数据
JavaScript 可以通过不同的方式来输出数据:
使用 window.alert() 弹出警告框。
使用 document.write() 方法将内容写到 HTML 文档中。
使用 innerHTML 写入到 HTML 元素。
使用 console.log() 写入到浏览器的控制台。
JavaScript 变量
在编程语言中,变量用于存储数据值。
JavaScript 使用关键字 var 来定义变量, 使用等号来为变量赋值:
var x, length
x = 5
length = 6
JavaScript 关键字
JavaScript 同样保留了一些关键字,这些关键字在当前的语言版本中并没有使用,但在以后 JavaScript 扩展中会用到。
以下是 JavaScript 中最重要的保留字(按字母顺序):
JavaScript 数据类型
值类型(基本类型):字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、未定义(Undefined)、Symbol。
引用数据类型:对象(Object)、数组(Array)、函数(Function)。
JavaScript 字符串
字符串是存储字符(比如 “Bill Gates”)的变量。
字符串可以是引号中的任意文本。您可以使用单引号或双引号:
实例
var carname=“Volvo XC60”;
var carname=‘Volvo XC60’;
JavaScript 数字
JavaScript 只有一种数字类型。数字可以带小数点,也可以不带:
实例
var x1=34.00; //使用小数点来写
var x2=34; //不使用小数点来写
JavaScript 布尔
布尔(逻辑)只能有两个值:true 或 false。
var x=true;
var y=false;
布尔常用在条件测试中。您将在本教程稍后的章节中学到更多关于条件测试的知识。
JavaScript 数组
下面的代码创建名为 cars 的数组:
var cars=new Array();
cars[0]=“Saab”;
cars[1]=“Volvo”;
cars[2]=“BMW”;
JavaScript 对象
对象由花括号分隔。在括号内部,对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔:
var person={firstname:“John”, lastname:“Doe”, id:5566};
上面例子中的对象 (person) 有三个属性:firstname、lastname 以及 id。
空格和折行无关紧要。声明可横跨多行:
var person={
firstname : “John”,
lastname : “Doe”,
id : 5566
};
对象属性有两种寻址方式:
实例
name=person.lastname;
name=person[“lastname”];
Undefined 和 Null
Undefined 这个值表示变量不含有值。
可以通过将变量的值设置为 null 来清空变量。
实例
cars=null;
person=null;
尝试一下 »
声明变量类型
当您声明新变量时,可以使用关键词 “new” 来声明其类型:
var carname=new String;
var x= new Number;
var y= new Boolean;
var cars= new Array;
var person= new Object;
JavaScript 运算符
运算符 = 用于赋值。
运算符 + 用于加值。
运算符 = 用于给 JavaScript 变量赋值。
算术运算符 + 用于把值加起来。
实例
指定变量值,并将值相加:
y=5;
z=2;
x=y+z;
在以上语句执行后,x 的值是:
7
JavaScript 逻辑运算符
比如说有一场考试,上午一场,下午一场
如果说上午的和下午的都及格了才算过
与运算(&&):并且所有条件都满足,结果才成立
如果说上午或者下午及格一场就算过
或运算(||)或者只要有一个条件满足,就成立
如果说上午和下午的都没及格才算过
非运算(!)取反真变假,假变真
赋值运算符
在JavaScript里等于号代表赋值,==代表等于
复合赋值运算符:+=,-=,*=,/=
n+=5等于n=n+5
其他同理
其实就是程序员的偷懒
++(自增),–(自减)
n++等于n=n+1
n–等于n=n-1
++n与—n
n++与++n的区别
++在前面,先加再用;++在后面,先用再加
不管++在前面还是后面,只要运行了,数值都会增加
关系运算符
常见关系运算符:>(大于)<(小于)>=(大于等于)<=(小于等于)(等
于)!=(不等于)
判断两个数字是否相等,使用两个等于号()而不是一个等于号(=是赋值)
JavaScript特有:
=:数值与类型全都等于才true
!:数值与类型全都不等于才true
比较后的结果是boolean类型,true或false
重点= =与= = =的区别:
==只比较值
===比较值和类型
三目运算符(三元运算符)
表达式?结果1:结果2
如果表达式运行的结果是true,运行结果1
如果表达式运行的结果是false,运行结果2