1.简介
JavaScript(Java脚本)是一种基于对象(Object)和事件驱动( Event Driven)并具有安全性能的脚本语言,使用JavaScript可以轻松的实现与HTML的互操作,并且完成丰富的页面交互效果,它是通过嵌入或调入在标准的HTML语言中实现的,它的出现弥补了HTML的缺陷,是java与HTML折衷的选择。它主要是用于处理网页中的前端验证。所谓前端验证,就是检查用户输入的内容是否符合一定的规则。比如:用户名的长度,密码的长度,邮箱的格式等等。
基于对象:
指的是程序的内部已经为用户提供好了若干个对象,用户直接使用这些对象即可。
面向对象:
java属于面向对象的语言,面向对象是指用户自己定义类,对象需要用户自己产生。
js基本语法
JS中每条语句都以(;)结尾,如果不加分号,计算机会自动添加,浪费计算机资源。
JS自动忽略空格
JavaScript是一种脚本语言,主要功能是:动态修改html页面内容,包括创建、删除html页面元素、修改html页面元素的内容、外观、位置、大小等。
数据类型和变量
任何语言都离不开数据类型和变量,虽然JavaScript语言是弱类型的语言,但它一样支持变量声明,变量一样存在作用范围,即有局部变量和全局变量之分。
定义变量的方式
因为JavaScript是弱类型的脚本语言,所以使用变量之前,可以无须定义,想使用某个变量直接使用即可,JavaScript支持两种方式来引入变量:
1)隐式定义:直接给变量赋值
2)显示定义:使用var关键字定义变量
隐式定义的方式简单、快捷、需要使用变量时,直接给变量赋值即可。如:
<!DOCTYPE html>
<html>
<body>
<script type="text/javascript">
<!-- 隐式定义变量a -->
a = "Hello JavaScript"
<!-- 使用警告框输出a的内容 -->
alert(a);
</script>
</body>
</html>
1)使用javascript:前缀构建执行JavaScript代码的URL。
对于这种方式,所有可以设置URL的地方都可以使用这种方式来执行,当用户触发该URL的时候,javascript:之后的JavaScript代码会获得执行。如:
<!DOCTYPE html>
<html>
<body>
<a href="javascript:alert('hello JavaScript')">run javaScript</a>
</body>
</html>
2)使用<script…/>元素来包含JavaScript代码,<script…/>元素既可以作为<head…/>子元素,也可以作为<body…/>子元素,上面的代码我们就是使用了第二种方式。
在实际的开发中,为了让html页面和JavaScript脚本更好的分离,我们可以将JavaScript脚本单独保存为一个*.js文件,在html页面倒入该*.js文件即可。导入的语法方式如下:
<script src="test.js" type="text/javascript">
src指定了JavaScript脚本文件所在的URL。OK,说了这么多,继续我们的定义变量。
显示声明的方式说采用var关键字声明变量,声明时变量可以没有初始值,变量的变量数据类型是不确定的。当第一次给变量赋值时,变量的数据类型菜确定下来,而且使用过程中数据类型也可随意改变。
字面量不可改变,如“1,2,3,4,5”
变量保存字面量:
var a;
a = 1;
<script type="text/javascript">
//显示声明变量a
var a;
//给变量a赋值
a = true;
//弹出警告框
alert(a);
</script>
与其它变成语言类似,JavaScript也允许一次定义多个变量,并可以指定初始值,如:
var a, b=0, c;
类型转换
Javascript支持自动类型转换,并且类型转换的功能非常强大。如:
<script type="text/javascript">
var a = "3.145"
var b = a - 2
var c = a + 2
alert(b + "\n" + c)
</script>