您的位置：首页 > Web前端 > JavaScript

javascript的基础学习

2016-07-12 00:18 701 查看

一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中的对象又分两种，一种是本地对象，必须创建实例才可以使用，另一种是內建对象，该对象可以不需要创建实例，就可以使用。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航