什么是js?js的基本使用

大家好，欢迎来到IT知识分享网。

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
• 弱类型: 不是功能弱 是声明变量的方式单一

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() 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 = ''哼!';