一、JavaScript简介
1、什么是JavaScript
JavaScript是具有面向对象能力的、解释型的程序设计语言。更具体一点,它是基于对象和事件驱动并具有相对安全性的客户端脚本语言。它不需要在一个语言环境下运行,而只需要支持它的浏览器即可。它主要的目的是,验证发往服务器端的数据、增加web互动、加强用户体验等。
JavaScript就是一种浏览器端执行的语言,可以在客户端浏览器运行,降低服务器的压力。
解释型语言特点:无需编译就可以随时运行,哪怕是有语法错误,没有语法错误的部分还是能正确运行。
2、JavaScript特点
1)松散性:JavaScript语言核心与C、C++、Java类似,比如条件判断、循环、运算符等。但,它却是一种松散类型的语言,体现在它的变量不必具有明确的类型。
2)对象属性:JavaScript中的对象把属性名映射为任意的属性值。它的这种方式很像哈希表或者关联数组,而不像C中的结构体或C++、Java中的对象
3)继承机制:JavaScript中的面向对象继承机制是基于原型的,这和self语言很像,而和C++、Java的继承有很大不同。
3、JavaScript核心
一个完整的JavaScript应该由以下三个不同的部分组成:
1、核心(ECMAScript)
2、文档对象模型(DOM)
3、浏览器对象模型(BOM)
二、JavaScript入门
1、内嵌JavaScript代码:
JavaScript代码放在HTML的<script></script>标签中,而script标签可以放到<head>、<body>等任意位置,而且可以有不止一个script标签,alert函数是弹出消息窗口,new Date()是创建一个Date类的对象,默认值是当前时间。
<script type="text/javascript">
alert(new Date().toLocaleDateString());
</script>
2、外部JavaScript代码
与CSS类似,JavaScript代码也可以写到外部单独的js文件中,然后在页面中通过src属性引入。
外部JavaScript的好处是多页面的时候也可以共享,并可以减轻网络流量。
注意:设置外部代码的script的标签,内部的内容会全部失效,只会相应外部js文件的效果。
<script type="text/javascript" src="demo1.js">
alert(new Date().toLocaleDateString());
</script>
例如以上代码,此标签只相应demo.js内的代码,alert代码会无效。
3、使用标签<script></script>可以将JS语法嵌入到html页面中,但值得注意的是,
这个标签可以使用多个并放在多处,,但是它们之间是相关联的,变量可以相互使用
<script>
var name = 'JavaScript';
</script>
<html>
<head>
<style></style>
<script>
alert(name+'1');
</script>
</head>
<body>
<script>
alert(name+'2');
</script>
</body>
</html>
<script>
alert(name+'3');
</script>
三、事件
JavaScript事件:
<input type="button" value="按钮" οnclick="alert('按钮事件')"/>
<a href ="javascript:alert('hello')">javascript事件</a>
<a href ="1.htm" οnclick="alert('click hello!')">普通事件</a>
注意:JavaScript中的字符串可以用单引号也可以用双引号,在这里使用单引号是为了避免跟html的双引号混淆,带来不必要的麻烦
在表单中写提交事件:
javascript:JS语法
<form action="javascript:alert('@@@@@@');">
<input type = "submit"></input>
</form>
onclick事件自动带JS语法,不用加
JavaScript的前缀。
四、变量
对于变量和数据类型来说,JavaScript又称为弱类型语言、动态语言。
数据类型:弱类型,只有5、6中数据类型。只能用var什么变量,不能用别的数据类型
变量:动态语言, var可以动态转换数据类型,指向什么类型,该变量就是什么数据类型。
var i = 10;
i = 'abc';
alert(i);