JavaScript组成部分
1。ECMAScript,描述了该语言的语法和基本对象。
2。文档对象模型(DOM),描述处理网页内容的方法和接口。
3。浏览器对象模型(BOM),描述与浏览器进行交互的方法和接口
JavaScript能做什么
浏览器:大部分公司的前端都在使用javascript来完成浏览器客户端的开发。
服务端:有些有大前端团队的公司开始使用nodejs做web服务端开发。
其他:JavaScript还可以运用在APP、微信小程序、桌面应用、浏览器插件开发、游戏开发、VR、AR、硬件、操作系统等领域。
第一个JavaScript程序
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
alert("我的第一个 JavaScript");
</script>
</body>
</html>
JavaScript 输出
PHP输出:echo "PHP 是世上最好的语言"
python输出:print("人生苦短,我用Python")
JavaScript 没有任何打印或者输出的函数
不过 JavaScript 可以通过不同的方式来输出数据:
使用 document.write() 方法将内容写到 HTML 文档中。
使用 window.alert() 弹出警告框。
使用 innerHTML 写入到 HTML 元素。
使用 console.log() 写入到浏览器的控制台。
一般script标签会被放在头部或尾部。头部就是里面,尾部一般指里
外部JavaScript
要使用外部脚本,将脚本文件的名称放在 script 标签的 src(source)属性中
<html>
<head>
<title> </title>
<script src="demo.js"></script>
</head>
<body>
</body>
</html>
您可以在 </head/> 或 </body/> 中放置外部脚本引用。
无论您选择哪种,外部脚本引用的效果,与在</script/>标签中直接写入代码一致。
在外部脚本文件中,只能包含脚本语言代码,不能包含其他代码(如HTML代码等),而script标签元素是属于html代码中的,所以是不能包含的
将JavaScript放在外部文件中具有以下优点:
- 分离HTML和代码。
- 使HTML和JavaScript更容易阅读和维护。
- 缓存的JavaScript文件可以加快页面加载速度。
JavaScript 变量
变量可以使用短名称(比如 x 和 y)
也可以使用描述性更好的名称(比如 age, sum, totalvolume)
变量必须以字母开头
变量也能以 $ 和 _ 符号开头(不过我们不推荐这么做)
变量名称对大小写敏感(y 和 Y 是不同的变量)
var x=5;
var y=6;
var z=x+y;
JavaScript 数据类型
当您向变量分配文本值时,应该用双引号或单引号包围这个值。
当您向变量赋的值是数值时,不要使用引号
var pi=3.14;
var person="John Doe";
var answer='Yes I am!';
如果重新声明 JavaScript 变量,该变量的初始值不会丢失:
在以下两条语句执行后,变量 carname 的值依然是 “Volvo”:
var carname="Volvo";
var carname;
JavaScript 函数语法
函数创建:
function myfunction()
{
执行代码
}
函数调用:
myFunction(argument1,argument2)
函数声明:
function myFunction(var1,var2)
{
代码
}
变量和参数必须以一致的顺序出现。第一个变量就是第一个被传递的参数的给定的值
Javascript Array(数组)对象
数组的定义:
①
var myCars=new Array();
myCars[0]="saab";
myCars[1]="Volvo";
myCars[2]="BMW";
②简洁方式
var myCars=new Array("saab","Volvo","BMW");
JavaScript Math(算数) 对象
round()
常用于四舍五入
random()
返回 0 到 1 之间的随机数。
max()
返回两个给定的数中的较大的数。
min()
返回两个给定的数中的较小的数。
JavaScript Window对象
window对象表示浏览器中打开的窗口