摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-11-04 19:18 三先森 阅读(2105) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-11-02 22:42 三先森 阅读(54) 评论(0) 推荐(0) 编辑
摘要: 开启定时器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http 阅读全文
posted @ 2020-11-02 22:16 三先森 阅读(174) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-11-02 22:14 三先森 阅读(6210) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-11-02 22:12 三先森 阅读(114) 评论(0) 推荐(0) 编辑
摘要: window 对象给我们提供了 2 个非常好用的方法-定时器。 setTimeout() setInterval() 开启定时器 普通函数是按照代码顺序直接调用。 简单理解: 回调,就是回头调用的意思。上一件事干完,再回头再调用这个函数。例如:定时器中的调用函数,事件处理函数,也是回调函数。 以前我 阅读全文
posted @ 2020-11-02 22:05 三先森 阅读(550) 评论(0) 推荐(0) 编辑
摘要: window.onresize 是调整窗口大小加载事件, 当触发时就调用的处理函数。 注意: 只要窗口大小发生像素变化,就会触发这个事件。 我们经常利用这个事件完成响应式布局。 window.innerWidth 当前屏幕的宽度 <!DOCTYPE html> <html lang="en"> <h 阅读全文
posted @ 2020-10-30 22:18 三先森 阅读(220) 评论(0) 推荐(0) 编辑
摘要: 页面(窗口)加载事件(2种) 第1种 window.onload 是窗口 (页面)加载事件,当文档内容完全加载完成会触发该事件(包括图像、脚本文件、CSS 文件等), 就调用的处理函数。 第2种 DOMContentLoaded 事件触发时,仅当DOM加载完成,不包括样式表,图片,flash等等。 阅读全文
posted @ 2020-10-30 22:01 三先森 阅读(1220) 评论(0) 推荐(0) 编辑
摘要: BOM(Browser Object Model)即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是 window。 BOM 由一系列相关的对象构成,并且每个对象都提供了很多方法与属性。 BOM 缺乏标准,JavaScript 语法的标准化组织是 ECMA,DOM 的标准 阅读全文
posted @ 2020-10-30 21:44 三先森 阅读(227) 评论(0) 推荐(0) 编辑
摘要: 要求:当我们在文本框中输入内容时,文本框上面自动显示大字号的内容。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, in 阅读全文
posted @ 2020-10-29 22:57 三先森 阅读(243) 评论(0) 推荐(0) 编辑