1 什么是 JavaScript
(1)JavaScript 是 web 上一种功能强大的编程语言, 用于开发交互式的 web 页面它不需要进行编译, 而是直接嵌入在 html 页面中, 由浏览器执行
(2)JavaScript 被设计用来向 HTML 页面添加交互行为
(3)JavaScript 是一种脚本语言(脚本语言是一种轻量级的编程语言)
(4)JavaScript 由数行可执行计算机代码组成
(5)JavaScript 通常被直接嵌入 HTML 页面
(6)JavaScript 是一种解释性语言(就是说, 代码执行不进行预编译)
(7)JavaScript 的组成: 核心 ECMAScript 文档象模型 DOM 浏览器对象模型 BOM
2JavaScript 的作用
使用 JavaScript 添加页面动画效果, 提供用户操作体验主要应用有: 嵌入动态文本于 HTML 页面对浏览器事件做出响应读写 HTML 元素验证提交数据检测访客的浏览器信息等
3JavaScript 的引入
在 HTML 文件中引入 JavaScript 有两种方式, 一种是在 HTML 文档直接嵌入 JavaScript 脚本, 称为内嵌式, 另一种是链接外部 JavaScript 脚本文件, 称为外联式对他们的具体讲解如下:
(1)内嵌式: 在 HTML 文档中, 通过方式一标签引入如下:
- <script type="text/javascript">
- // 此处为 JavaScript 代码
- </script>
(2)外联式: 在 HTML 文档中, 通过方式二标签引入 .js 文件如下:
<script src=demo.js"type="text/javascript"charset="utf-8"></script>
4JavaScript 变量
(1)在使用 JavaScript 时, 需要遵循以下命名规范:
)必须以字母或下划线开头, 中间可以是数字字符或下划线
)变量名不能包含空格等符号
)不能使用 JavaScript 关键字作为变量名, 如: function
)JavaScript 严格区分大小写
(2)变量的声明:
var 变量名;
//JavaScript 变量可以不声明, 直接使用默认值: undefined
(3) 变量的赋值:
var 变量名 = 值;
//JavaScript 变量是弱类型, 同一个变量可以存放不同类型的值也就是说, 赋给变量的值是什么类型, 它就是什么类型
5JavaScript 数据类型
(1)基本类型:
)Undefined:Undefined 类型只有一个值, 即 undefinedo 当声 2)明的变量未初始化时, 该变量的默认值是 undefined)null: 只有一个专用值 null,
表示空, 一个占位符值 undefined 实际上是从值 null 派生来的, 因此 ECMAScript 把它们定义为相等的)Boolean,
有两个值 true 和 false)Number,
表示任意数字)string,
字符串由双引号 ("")或单引号 ('')声明的 JavaScript 没有字符类型
特别注意: alert(null == undefined);
// 输出结果为 "true", 尽管这两个值相等, 但它们的含义不同
(2)引用类型:
)引用类型通常叫做类(class), 也就是说, 遇到引用值, 所处理的就是对象
)JavaScript 是基于对象而不是面向对象对象类型的默认值是 null
)Javascript 提供众多预定义引用类型(内置对象)
6JavaScript 运算符
JavaScript 运算符与 Java 运算符基本一致
7JavaScript 基本操作
(1)alert(): 向页面中弹出一个提示框
(2)innerHTML: 向页面的某个元素中写一段内容, 将原有的东西覆盖
(3)document.write(): 向页面中写内容
8JavaScript 中常用的正则匹配方式
(1)使用正则对象中的 test 方法: test()方法返回一个布尔值表示是否可以找到匹配项, 例如:
- // 匹配字符串所有'at'的实例
- < script type = "text/javascript" >
- var p = /kth/p; //g: 表示全局 (global) 匹配模式, 即模式将被应用于所有字符串
- console.log(p.test('kthz')); //true
- console.log(p.test('kbhh')); //false
- < /script>/
(2)使用 string 对象中的 match 方法: match()方法匹配正则表达式, 并且以数组的形式返回匹配的选项, 例如:
- <script type="text/javascript">
- var num = /\d+/g;//g 表示全局匹配
- var str = "a3 sdf 45 df";
- str.match(num);// 返回["3", "45"]
- </script>
9JavaScript 中函数编写方式
使用关键字 function 来定义函数, 函数名自定义, 例如:
- <script type="text/javascript">
- function demo() {
- alert("这是 JavaScript 函数!");
- }
- </script>
来源: https://www.cnblogs.com/compassblog/p/8450413.html