一Javascript的概念及其javascript的导入方式
1.js的概念
javascript是一种脚本语言,脚本语言是一种解释型语言,只有在被调用时被解释或执行。
js是通过ECMAScript衍生而来,它集成了ECMAScript的基础语法,js由ECMAScript,bom,dom三部分组成,主要就学习这三部分。
2.js的作用
通过使用js,我们可以改变html的内容,样式以及做出一些行为反应。
3.js的导入方式
html中的js脚本必须放在<script>和<script/>之间,脚本可被放置在<head>或<body>标签中都可以。
第一种:直接嵌入在html文档中
在<head></head>标签中
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
alert('这是第一个javascript');
</script>
</head>
<body>
</body>
</html>
在<body></body>标签中
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<script>
alert('这是第一个javascript');
</script>
</body>
</html>
第二种:js作为外部文件引入到html文件中
js文件
alert('这是第一个javascript文件');
html文件
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript" src="js/demo1.js" >
/* 不能在写javascript*/
</script>
</head>
<body>
</body>
</html>
注意:
1.外部js文件中不写<javascript></javascript>
2.如果是从外部引入,那么html文件中的<script></script>中不能再写javascript
二javascript的基本数据类型和运算符,控制语句
1.ECMAScript的变量声明
使用var声明变量,可以加var,也可以不加var
加var:声明的局部变量
不加var:声明的全局变量
ECMAScript有两种数据类型:一种是原始类型,另一种是引用数据类型
2.ECMAScript的原始类型
ECMAScript有五种原始类型
a.String:使用单引号或双引号声明
b.Number:js中的任何数值型
c.boolean:true或者false
d.undefined:只有一个值undefined未初始化的变量 例:var a;
e.null:只有一个值null未定义的对象,即不存在的对象
原始类型可以使用typeof来判断变量的类型
3.引用类型
引用类型就是引用一个对象,例:var b=new String(‘这是一个String对象’);
引用类型可以使用instanceof判断是什么对象
4.js的运算符
a.一元运算符
++ -- void
b.逻辑运算符
not and or
c.加性运算符
只要有一个为字符串,那么相加就是字符串
d.关系运算符
大于,小于,大于等于,小于等于
返回的是boolean值
e.等性运算符
EMECScript有两种等性运算符:
第一种:等号和非等号处理原始值
第二种:全等号和非全等号处理对象
执行类型转换的规则如下:
· 如果一个运算数是 Boolean 值,在检查相等性之前,把它转换成数字值。false 转换成 0,true 为 1。
· 如果一个运算数是字符串,另一个是数字,在检查相等性之前,要尝试把字符串转换成数字。
· 如果一个运算数是对象,另一个是字符串,在检查相等性之前,要尝试把对象转换成字符串。
· 如果一个运算数是对象,另一个是数字,在检查相等性之前,要尝试把对象转换成数字。
在比较时,该运算符还遵守下列规则:
· 值 null 和 undefined 相等。
· 在检查相等性时,不能把 null 和 undefined 转换成其他值。
· 如果某个运算数是 NaN,等号将返回 false,非等号将返回 true。
· 如果两个运算数都是对象,那么比较的是它们的引用值。如果两个运算数指向同一对象,那么等号返回 true,否则两个运算数不等。
全等号由三个等号表示(===),只有在无需类型转换运算数就相等的情况下,才返回 true。
非全等号由感叹号加两个等号(!==)表示,只有在无需类型转换运算数不相等的情况下,才返回 true。
例:3=='3'====================>true
3==‘3’======================>false
f.三元运算符
g.赋值运算符
h.逗号运算符
5.js的控制语句
if switch while do-while
三.js中的对象
js中的对象有两种,一种是ECMAScript自己定义的对象,另一种不是ECMASCript定义的对象
而EMECScript中的对象又分两种,一种是本地对象,必须创建实例才可以使用,另一种是內建对象,该对象可以不需要创建实例,就可以使用。