什么是js?js的基本使用

JavaScript（简称“
js”） 是一种具有函数优先的轻量级，解释型或即时编译型的编译语言虽然它是作为开发WEB页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。

1.主要功能

1. 嵌入动态文本于HTML页面。

2. 对浏览器事件做出响应。

3. 读写HTML元素。

4. 在数据被提交到服务器之前验证数据。

5. 检测访客的浏览器信息。控制cookies，包括创建和修改等。

6. 基于Node.js技术进行服务器端编程

2.javascript的特点

• 脚本语言： 浏览器是可以直接读取js的

• 基于对象：类似对象（es1 es2 3 5 6（class） 7 8 9 10 11)

• 动态性: JavaScript是一种采用事件驱动的脚本语言，它不需要经过Web服务器就可以对用户的输入做出响应。在访问一个网页时，鼠标在网页中进行鼠标点击或上下移、窗口移动等操作JavaScript都可直接对这些事件给出相应的响应。

• 跨平台性: 只要可以装浏览器的系统，就可以使用js

• 弱类型: 不是功能弱 是声明变量的方式单一

年份	名称	描述
1997	ECMAScript 1	第一个版本
1998	ECMAScript 2	版本变更
1999	ECMAScript 3	添加正则表达式 添加 try/catch
	ECMAScript 4	没有发布
2009	ECMAScript 5	添加 "strict mode"，严格模式 添加 JSON 支持
2011	ECMAScript 5.1	版本变更
2015	ECMAScript 6	添加类和模块
2016	ECMAScript 7	增加指数运算符 (**) 增加 Array.prototype.includes

 

3.js语言组成

• ECMScript -- 语法标准 (es1 es2 es3 5 6 7 8 9 10 11)

• DOM ---- document（文档） object(对象) model（模型）

• BOM -- Browser （浏览器） object(对象) model（模型）

 4.js的基本使用

• 行内js（行内式）

在开始标签内，使用空格隔开，加入事件名称或者方法名称，在等号后面，就是事件执行或者方法执行的动作代码

<!-- 
js行内使用：
onclick:鼠标的左键的点击事件
alert：是js自带的弹窗，只能用来测试代码是否可以执行，并不能用于实际开发
-->
<div onclick="alert('弹窗--行内使用js')"></div>

• 内部（内嵌式）

在页面中使用script双标签，把js代码写在这个双标签之间，script双标签可以在页面中的任何位置

建议：最好是放在head和body标签之间

<script>alert('弹窗 -- 内部使用js')
</script>
</head>// 最好的位置
<script>alert('弹窗 -- 内部使用js')
</script>
</body>

• 外部（外联式）

在外部建立一个js文件，使用script标签中 src属性，去链接到外部的js

<script src="./index.js"></script>

4、打印语句

• alert

1、是js自带的弹窗，只能用来测试代码是否可以执行，并不能用于实际开发，是同步线程，有阻塞作用，只有点击了确定按钮，返回true，下一条程序才可以执行

2、括号内如果是数字，或者变量，不需要加引号

var a = 10
alert('弹窗')
alert(12345678)
alert(a)

• console.log()

1、是打印结果的，在控制台中的console.log中查看

2、括号内如果是数字，或者变量，不需要加引号

console.log('打印结果');

• prompt()

带一个输入框，并且有一个确定和取消按钮，如果点击的是确定，返回值是true,就可以接收值，如果点击的是取消，返回值是false , 就不会接收这个值(null)

prompt('请输入用户名')

5、单引号和双引号的问题

因为在标签中，使用类名的时候，使用的是双引号，所以在js中建议使用单引号

其实，在js中使用单引号和双引号是一样的

console.log('a');
console.log("a");

在就是引号要成对出现，可以嵌套使用，但是不能交叉使用

外单内双 外双内单

 console.log("春分吹  '战鼓擂' 春眠不觉晓");

但是如果需要在双引号包裹的字符串中使用双引号，或者在单引号包裹的字符串中使用单引号，需要使用\进行转义，否则会报错，因为 JavaScript 无法知道字符串的结束位置。

var str1 = '使\'用\'单\'引\'号';
var str2 = "使\"用\"双\"引\"号";console.log(str1); // 输出："使'用'单'引'号"
console.log(str2); // 输出："使"用"双"引"号"
// 以下代码会报错
var str3 = "哼"!";
var str4 = ''哼!';