什么是js?js的基本使用
JavaScript(简称“
js”) 是一种具有函数优先的轻量级,解释型或即时编译型的编译语言虽然它是作为开发WEB页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式、声明式、函数式编程范式。
1.主要功能
-
嵌入动态文本于HTML页面。
-
对浏览器事件做出响应。
-
读写HTML元素。
-
在数据被提交到服务器之前验证数据。
-
检测访客的浏览器信息。控制cookies,包括创建和修改等。
-
基于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 = ''哼!';