51工具盒子
JS 根据文章中的标题生成目录索引
在浏览一些博客或 wiki 类网站的时候，你可能会发现在文章的开头或侧边会有一个目录，点击就可以跳转到指定的章节。对于比较长的文章来说，目录还是比较重要的。通过目录可以快速了解文章包含的内容，要查看某个章节也可以直接跳转。 最近准备给博客增加一个生成文章目录的功能，下面简单写一下实现方式。 代码 --- 我这里使用了 jQuery，代码如下： ``` // 给 h2 ...
js
使用原生 JavaScript 实现简单轮播图
轮播图是网站中常见的一种展示方式，一般常用于：电商网站、新闻网站、企业官网 等。轮播图也是前端开发必须掌握的基础。这里就用 CSS3 + 原生 JavaScript 实现一个简单的轮播图。 注意！因为使用了 CSS3 ，所以不能在 IE10 以下的浏览器运行。 代码 --- HTML： ``` <div id="box"> <...
利用谷歌Chrome浏览器查看页面哪些js被触发
场景 --- 在调试web页面时，我们想修改某处的js效果，但由于页面引入的js文件较多，不知道该在哪个文件里去找，这时候可以利用Chrome浏览器来帮助我们调试。 如何使用 ---- 1.在Chrome浏览器中按F12打开开发者工具，切换到`Sources（源码）`选项卡 2.在`Sources（源码）`选项卡右侧找到`Event Listener Breakpoi...
JavaScript ES6 语法学习
定义变量 ---- 在ES6之前，通过`var`关键字来定义变量，ES6中引入了另外两个声明变量的关键字：`const` 和 `let`。 ### const {#const} 被 const 声明的变量不能被重新赋值或重新声明。换句话说，它将不能再被改变。你可以使用它创建不可变数据结构，一旦数据结构被定义好，你就不能再改变它了。 ``` // 这种写法是不可行的 co...
JS中BOM事件，JS样式特效，表格对象和表单操作
DOM事件 ===== **1.DOM中的事件可以分为两类**(1).浏览器行为 如：文档加载完成，图片加载完成 2.用户行为 如：输入框输入数据，点击按钮 **(2).常见的DOM事件** ``` onload 浏览器已完成页面的加载 支持事件的对象 window image onchange HTML 元素改变 onclick 用户点击 HTML 元素 onmou...
- 1