JAVAScript入门

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对象表示浏览器中打开的窗口

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值