一、JavaScript概述
JavaScript是程序语言中的一种,它可以嵌入到HTML语言中,直接通过浏览器运行。我们通常将JavaScript称为Web脚本语言。
JavaScript是一种轻型的、解释性的脚本语言,是一种由浏览器内的解释器解释执行的程序语言。
二、JavaScript脚本代码
在HTML代码中添加JavaScript脚本代码的3个方法:
1.HTML文件混合方式
2.JS文件引用方式
3.HTML代码嵌入方式
js函数代码建议嵌入头部之间。在页面文档主体和其余部分代码加载之前。(web内容在浏览器中是从上到下解析的,head内的脚本会比body内的脚本线处理,所以最好将包含所有预定义函数的js代码放在头部)。
三、JavaScript核心语法
1.变量
var是声明变量的关键字,message、width、height是变量名。
<script type="text/javascript">
var message ; // 声明变量
message = "hello"; // 赋值
var width = 35,height = 40; // 连续声明变量并赋值
</script>
为变量命名时,我们需要遵守以下规则:
(1).第一个字符必须是字母、下划线(_)或是一个美元符号($)。
(2).变量字母区分大小写。
(3).不能与关键字同名,例如:while、for、if等。
2.数据类型
(1).五种基本数据类型:number,null,boolean,undefined,string。还有一种较为复杂的object对象类型。
(2).typeof操作符的使用:
JavaScript的变量是采用弱类型的形式,即声明变量时不必确定类型,而是在使用或赋值时自动确定其数据类型。
(JavaScript向页面输出的语句:document.write();)
<script type="text/javascript">
var message = "hello";
document.write(typeof message); // string
// 当声明一个变量,但是并不给变量赋值时,它的值就是undefined
var name;
console.log(name); // undefined
var age = 18;
document.write(typeof age); // number
var flag = true;
document.write(typeof flag); // boolean
// null这个值专门用来表示一个为空的对象
// 使用typeof检查一个null值时,会返回object
var str = null;
document.write(typeof str); // object
</script>
3.运算符
(1).算术运算符 : + - * / % ++ --
(2).赋值运算符 :=
(3).比较运算符 :> < >= <= == !=
(4).逻辑运算符 :&& || !
4.流程控制语句
JavaScript的流程控制语句有顺序结构、选择结构和循环结构。
(1).顺序结构:
顺序结构就是程序按照语句出现的先后顺序依次执行,这是所有程序的最基本结构,一般程序中的大部分代码采用的都是顺序结构。
(2).选择结构:
1>.if:if语句是使用最为普遍的条件选择语句,if语句有多种形式:单分支、双分支和多分支。
2>.switch
(3).循环结构:
1>.while
2>.do…while
3>.for