通过对HTML和CSS的学习,我们已经可以很好地呈现出页面内容。不足的是这些内容是静态的,不能与用户交互,只能观看,用户体验差。因此需要一种既简单又灵活的编程语言来实现页面的特效和互动,JavaScript应运而生。
1. JavaScript概述
1.1 简史
JavaScript诞生于1995年,主要功能是进行用户输入的合法性验证。
1.2 概念
JavaScript也是程序语言的一种,但是JavaScript嵌入到HTML语言中,直接通过浏览器即可运行。通常情况下,JavaScript被称为Web脚步语言。因此,JavaScript是一种轻型的、解释性的脚本语言,是一种由浏览器内的解释器解释执行的程序语言。
1.3 执行原理
执行原理:当客户端请求某个页面时,服务器端将整个页面中包含JavaScript的脚本代码作为响应内容,发送回客户端机器,客户端浏览器根据发回的网页文件从上往下逐行读取并解析其中的html或脚本代码。
2. JavaScript脚本代码
在HTML代码中添加JavaScript脚本代码的三个方式,其效果相同。
2.1 HTML文件混合方式
在网页的<script></script>标签对中直接编写代码。
实例:
<body>
<script>
document.write("Hello World!");//运行会打印Hello World!
</script>
</body>
2.2 JS文件引用方式
将脚本程序代码编写在一个单独的".js"文件中,然后在网页中引用该文件。
注意:不要在带有src属性的<script></script>标签中包含额外的JavaScript代码,如果包含了嵌入的代码,嵌入的代码会被忽略。
实例:我们在同目录下新建一个js文件,命名为1.1.js,1.1.js文件中只有一句脚本代码,如下:
document.write("Hello World!");
<body>
<script src="1.1.js">aaa</script>;//运行会打印Hello World!不会打印aaa
</body>
2.3 HTML代码嵌入方式
将脚本程序代码作为某个html元素的事件属性值或超链接的href属性值。
实例:
<body>
<a href="javascript:document.write("Hello World!")">aaa</a>;
//运行点击aaa会打印Hello World!
</body>
3. 核心语法
JavaScript是一门语言,与其他程序设计语言相同,有独特的语法结构,主要包含变量、数据类型、运算符号、控制语句和注释等。
3.1 变量
变量是存储数据的基本单位,变量命名的规则与Java一样。在JavaScript中var是声明变量的关键字,JavaScript的变量采用弱类型的形式,即声明变量时不必确定类型,而是在使用或赋值时自动确定其数据类型。
语法:
var message;//声明变量
message = "hello";//不声明变量而直接赋值
var width = 10,height = 10;//连续声明变量而赋值
3.2 数据类型
JavaScript中有5种基本数据类型,分别是undefined、null、boolean、number和string,还有1种复杂数据类型——object对象类型。undefined表示变量没有定义。boolean用于表示一个逻辑表达式的结果,有两个标准值:true和false。number类型表示整数、小数。string是字符串类型。null是空类型,表示一个变量已经有值,但值为空对象。我们可以用typeof操作符来检测给定变量的数据类型。
实例:
var message = "hello";
document.write(typeof message);//string
var name;
document.write(typeof name);//undefined
var age=4.38;
document.write(typeof age);//number
var obj = new Date();
document.write(typeof obj );//object
var flag = 1>5;
document.write(typeof flag );//boolean
var obj = null;
document.write(typeof obj );//null
3.3 运算符,注释,控制语句
与Java相同,不多说。
4. 推荐学习网站
[菜鸟教程](https://www.runoob.com/);
网友评论