1. 会告诉 JavaScript 在何处开始和结束。
2. 引用外部js
还有vue中有import导入的
import x from 'abc..js' 这种导入要求 abc.js模块中有 export default 默认导出,x作为消费者导入abc.js模块默认导出的名称,x可以随意更换为你喜欢的名字
import { y } from 'abc..js'
这种导入要求 abc.js模块中必需有 export y 命名导出,y是消费者要从abc.js模块导入的命名元素,y不可更换为其他名称。如果你实在是感觉x不顺眼,那可以采用下面的方式对y重命名
import { y as xxx } from 'abc..js',此处xxx就是重命名的新名称
import x,{ y } from 'abc..js'
这种导入要求 abc.js模块中有 export default 默认导出并且有y的命名导出
3. 外部js文件不用使用
4. js输出数据
使用 window.alert() 弹出警告框。
使用 document.write() 方法将内容写到 HTML 文档中。
使用 innerHTML 写入到 HTML 元素。 使用 console.log() 写入到浏览器的控制台。
5. 单引号和双引号都可以
6. 定义数组 [40, 100, 1, 5, 25, 10]
7. 定义对象 {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}
8.定义函数 function myFunction(a, b) { return a * b;}
9. var 关键字创建变量
10. let 和 const 关键字
let 声明的变量只在 let 命令所在的代码块内有效。
{let x = 2;}
// 这里不能使用 x 变量
const 声明一个只读的常量,一旦声明,常量的值就不能改变
11. 数据类型
值类型(基本类型):字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、未定义(Undefined)、Symbol。
引用数据类型:对象(Object)、数组(Array)、函数(Function)。
Symbol 是 ES6 引入了一种新的原始数据类型,表示独一无二的值。
12. 函数格式
function functionname(var1, var2)
{// 执行代码}
带返回值,直接return xxx;
13. null是一个只有一个值的特殊类型。表示一个空对象引用。用 typeof 检测 null 返回是object。
undefined 是一个没有设置值的变量,typeof 一个没有值的变量会返回 undefined。
null 和 undefined 的值相等,但类型不等:
14. Json
JSON.parse() : 用于将一个 JSON 字符串转换为 JavaScript 对象。
JSON.stringify():用于将 JavaScript 值转换为 JSON 字符串。
15. javascript:void(0), 仅仅表示一个死链接。
16. setTimeout是异步处理
setTimeout 就是一个消耗时间较长(3 秒)的过程,它的第一个参数是个回调函数,第二个参数是毫秒数,这个函数执行之后会产生一个子线程,子线程会等待 3 秒,然后执行回调函数 "print",在命令行输出 "Time out"。
Ajax请求也是异步的操作
17. JS通过HTML DOM可以实现改变页面所有 HTML 元素、所有 HTML 属性、所有 CSS 样式、所有事件做出反应
18. js找到页面元素通过三种方法
通过 id 、标签名、类名
19. 改变HTML内容方法,
19.1 使用innerHTML属性
如需改变 HTML 元素的内容,请使用这个语法:
document.getElementById(id).innerHTML=新的 HTML
19.2 改变属性
document.getElementById(id).attribute=新属性值
例子
document.getElementById("image").src="landscape.jpg";