下面从以下7个方面介绍BOM： BOM概述 window对象的常见事件 定时器 JS执行机制 location对象 navigator对象 history对象 1. 什么是BOM？ BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其 Read More
主要实现的是数据在不同页面中的传递功能 ① 第一个登录页面，里面有提交表单，action提交到index.html页面 ② 第二个页面，可以使用第一个页面的参数，这样实现了一个数据不同页面之间的传递效果 ③ 第二个页面之所以可以使用第一个页面的数据，是利用了URL里面的location.search Read More
<button>点击</button> <div></div> <script> var btn = document.querySelector('button'); var div = document.querySelector('div'); btn.addEventListener('cl Read More
this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，一般情况下this的最终指向的是那个调用它的对象。 1. 全局作用域或者普通函数中this指向全局对象window（注意定时器里面的this指向window） // 1. 全局作用域或者普通函数中this指向全 Read More
实现功能：点击按钮后，该按钮60秒内不能再次点击，防止重复发送短信 ① 按钮点击之后，会禁用按钮（disabled为true） ② 同时按钮里面的内容会有变化，注意button里面的内容通过innerHTML修改 ③ 里面秒数是有变化的，因此需要用到定时器 ④ 定义一个变量，在定时器里面，不断递减 Read More
① 这个倒计时是不断变化的，因此需要定时器来自动变化（setInterval） ② 三个黑色盒子里面分别存放时分秒 ③ 三个盒子利用innerHTML放入计算的小时、分钟、秒数 ④ 问题：第一次执行也是间隔毫秒数，因此刚刷新页面会有空白 ⑤ 解决方法：最好采取封装函数的方式，这样可以先调用用一次这个 Read More
① 核心思路：5秒之后，就把这个广告隐藏起来 ② 用定时器setTimeout() <body> <img src="images/ad.jpg" alt="" class="ad"> <script> var ad = document.querySelector('.ad'); setTimeo Read More
下面从这七个方面来介绍事件高级： 注册事件（绑定事件） 删除事件（解绑事件） DOM事件流 事件对象 阻止事件冒泡 常用的鼠标事件 常用的键盘事件 1. 注册事件（绑定事件） 给元素添加事件，称为注册事件或者绑定事件。 注册事件有两种方式：传统方式和方法监听注册方式。 传统注册方式： 利用on开头的 Read More
实现功能：当我们在文本框输入内容时，文本框上面自动显示大字号的内容 ① 快递单号输入内容时，上面的大号字体盒子（con）显示出来（这里面的字号更大） ② 表单检测用户输入：给表单添加键盘事件 ③ 同时把快递单号里面的值（value）获取过来赋值给con盒子（innerText）作为内容 ④ 如果快递 Read More