负责网页的行为交互效果两种引入方式一种内部脚本另一种外部文件alert(a) 弹出框console.log(PI); 输出到浏览器控制台document.write(); 向HTML的body输出内容数据类型特殊情况alert(typeof null); 类型为objectlet a;alert(typeof a); 类型为undefined使用反引号模板字符串 --简化字符串拼接函数多种表达式自定义对象箭头函数中this 不指向当前对象而是指向当前对象的父级这个例子中指向windowsjson js对象标记法可以看到类的属性语法特点所有的key必须使用“ ”值为字符串也要“ ”作为数据载体在网络中数据传输例子scriptlet person {name:itcast,age:18,gender:男}alert(person); // 返回object Object 不行alert(JSON.stringify(person)); //返回字符串let personJson {name:heima,age:20} //这是字符串alert(JSON.parse(personJson)); //返回对象/script总结DOM 文档对象模型讲HTMR文档中所有的元素都分装成js对象采用面向对象的方式操作这个页面中所有的元素例子1h1 idtitle11111111/h1h12222222/h1h13333333/h1script//1.修改第一个h1标签的文本内容//1.1获取dom对象let h1 document.querySelector(#title1); //修改1111//1.2调用DOM对象中属性或方法h1.innerHTML 修改文本内容;/script例子2h1 idtitle11111111/h1h12222222/h1h13333333/h1script//1.修改第一个h1标签的文本内容//1.1获取dom对象let hs document.querySelectorAll(h1);//1.2调用DOM对象中属性或方法hs[0].innerHTML 修改文本内容;/script事件监听 解释例子document.querySelector(#btn1).addEventListener(click, () {console.log(试试就试试);});document.querySelector(#btn1).addEventListener(click, () {console.log(试试就试试22);});document.querySelector(#btn2).onclick () {console.log(试试就试试);}document.querySelector(#btn2).onclick () {console.log(试试就试试22);}上面的那个是叠加输出可以输出多个事件。下面是覆盖只会输出22那个事件鼠标移入移出隔行换色的效果mouseenter mouseleave操作类似具体例子如下事件监听-常见事件优化-JS模块化上面代码复用性较差难以维护先把它装入单独json文件用src调虚拟路径使用高级js用法讲js模块化需要type定义consolg避免函数重复运行调用将可重复型逻辑抽取到独立文件再写一个json配置文件并且用importexport调用