js Javascript 是一种运行在客户端的编程语言,实现人机交互效果
作用 网页特效 表单验证 数据交互
js 组成 ECMAScript Web APIs 如下图
ECMAScript: 规定了js基础语法规范。 比如:变量、分支语句、循环语句、对象等等
Web APIs : DOM 操作文档,比如对页面元素进行移动、大小、添加删除等操作
BOM 操作浏览器,比如页面弹窗,检测窗口宽度、存储数据到浏览器等等
权威网站: MDN
JavaScript权威网站: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript JavaScript ECMAScript
如何在页面添加js:
行内 JavaScript <button οnclick="alert('早上好')"> 点我,弹框早上好 </button>
内部 JavaScript <script> alert('早上好') </script>
外部 JavaScript
注意:书写位置尽量写到页面末尾</body>上面
js 结束符 以英文 ; 号代表语句结束
实际开发中可写可不写 浏览器 (JavaScript 引擎)可以自动推断语句结束位置
约定:要么全都写 要么都不写
js 输入 输出语法 如图
按HTML文档流顺序从上到下执行JavaScript代码
alert() 和 prompt() 它们会跳过页面渲染先被执行(当前只作了解)
js 数据类型分为两大类 基本数据类型和引用数据类型
基本数据类型
1.数字类型(number) 可以是正数 小数 整数 负数 用于数字计算
2.字符串类型(string)通过单引号 双引号 反引号 包裹的数据都叫字符串 单引号双引号没有本质区别推荐使用单引号
注意:1.单引号或双引号都要成对使用
2.单双引号可以相互嵌套,但不能自己嵌套自己(外单内双,外双内单)
3.单引号和双引号里面内容不能换行,反引号除外
3.布尔类型 表示肯定或否定时在计算机中对应的是布尔类型数据。
它有两个固定的值 ture(正确) false(错误)
4.未定义类型 未定义是比较特殊的类型,只有一个值 undefined。
5.JavaScript 中的 null(空类型) 仅仅是一个代表“无”、“空”或“值未知”的特殊值
控制台语句经常用于测试结果使用
typeof 关键字检测数据类型
typeof 运算符可以返回被检测的数据类型。它支持两种语法形式:
1. 作为运算符: typeof 数据 (常用的写法)
2. 函数形式: typeof(数据)
有括号和没括号,得到结果是一致的,所以直接使用运算符的写法