随笔分类 - JavaScript
摘要：jQuery - Drag This is backend content. This is backend content. This is backend content. This is backend content. This is backend content. This is backend content. Thi...
阅读全文
摘要：setTimeout - Drag This is backend content. This is backend content. This is backend content. This is backend content. This is backend content. This is backend content....
阅读全文
摘要：Normal - Drag This is backend content. This is backend content. This is backend content. This is backend content. This is backend content. This is backend content. Thi...
阅读全文
摘要：T.B.D
阅读全文
摘要：T.B.D
阅读全文
摘要：1. 思路 CSS控制td内容自动缩为三个点 JS控制鼠标悬浮显示td全部内容 2. 实现 HTML代码： CSS代码： JS代码： 3. 效果
阅读全文
摘要：1. 简介 ECMAScript是JavaScript的核心，但是如果要在WEB中使用JavaScript，那么BOM则无疑才是真的的核心。BOM提供了很多对象，用于访问浏览器的功能，这些功能与任何网页内容无关。BOM没有标准，各浏览器厂商间定义的公共对象，可以作为事实上的标准存在。W3C在HTML
阅读全文
摘要：1. 示例代码 2. 说明 图像对象的创建方式有两种：new Image(); document.createElement('img'); 给图像对象的src属性赋值，会触发浏览器向服务器请求图片资源的过程； 图片可能在缓存中，也可能来自服务器请求过来的资源，complete属性可以判断； loa
阅读全文
摘要：1. querySelectorAll 该函数返回的对象类型为NodeList，这个类型并没有indexOf方法，如果需要使用indexOf方法，需要先将该对象每一项转存入Array对象中，然后就可以使用indexOf方法了 2. 场景 对querySelectorAll返回的所有进行进行click
阅读全文
摘要：1. xhr.abort() 这个函数可以用来取消XMLHttpRequest()发起的异步请求，不是xhr.close()哦。 2. 场景 比如说，在关闭一个模态框后，数据可能还没有过来，这个时候需要把异步请求也关闭，否则在数据过来的时候，xhr.onreadystatechange所注册的处理程
阅读全文
摘要：1. css的opacity属性 这个属性用于：设置元素的不透明级别，取值范围：从 0.0 （完全透明）到 1.0（完全不透明），元素所在的文本流还在。这个属性的动态变化可以用来设置元素的淡入淡出效果。 2. JavaScript用法 通过setInterval函数来周期性修改元素的opacity属
阅读全文
摘要：1. scrollIntoView函数 这个函数控制滚动条顶部内容、还是底部内容呈现在视图窗口中，接收一个参数：boolean值。 true: 顶部出现在视图窗口中 false: 底部存在在视图窗口中 2. 示例 如果内容长度在pre中，且是pre中的内容很长导致出现滚动条，则调用该函数应该是由pr
阅读全文
摘要：1. 两对函数 2. 闭包与循环调用 今天在开发过程中，想对一个验证失败的循环列表中的元素进行背景色标红，然后再2秒之后，取消标红功能，只保留边框为红色。使用的时候遇到一个提示：“mutable variable accessible from closure”，大概意思就是在setTimeout参
阅读全文
摘要：1. 简介 JavaScript与HTML之间的交互式通过事件来实现的，事件是文档或浏览器窗口中发生的一些特定的交互瞬间，使用事件处理程序来预订事件，从而在事件发生时，能够执行特定的代码。事件使页面的行为（JavaScript）与页面的外观（HTML、CSS）解耦。BOM、DOM都有支持的事件类型。
阅读全文
摘要：1. 设置属性值 以上方式，设置的属性值将放入：<input id="idMyEl">的style属性中，得到<input id="idMyEl" style="display:none;">，这样的值能够通过以上方式设置、获取，但是如果这个display属性设置在class="theclass"
阅读全文
摘要：1. 面向对象 面向对象语言有一个标志：都有类的概念。通过类可以创建任意多个具有相同属性和方法的对象。ECMAScript中没有类的概念，因此JavaScript中的对象夜雨基于类的语言中的面向对象有所不同。 定义： 无序属性的机会 属性可以包含：基本值、对象或者函数 对象：一组没有特定顺序的值，对
阅读全文
摘要：1. 需求 表格很长，这个时候就希望表格头部不动，而只是表格内容行支持滚动功能。 2. 方法 两张表：一张表(THeader)负责头部字段的显示，另一张表(TBody)负责内容行字段的显示。 两张表都存放在一个div中 THeader、TBody分别存放在一个div中 整个div不支持滚动条：ove
阅读全文
摘要：1. onfocus事件 input框获取到焦点时，触发了该事件，比如获取到焦点时，修改input框的背景色。这个功能其实可以使用css的伪类:focus来定义。 2. onblur事件 这个与onfocus事件想法，当input框失去焦点时，触发该事件，比如将输入的文本，统一修改为小写 3. on
阅读全文
摘要：1. HTML data-*属性 H5引入的data-*属性，可以在JavaScript通过.dataset.*的方式来获取属性的值，例如： 2. data-*属性使用JSON值
阅读全文
摘要：1. AJAX 异步JavaScript + XML，用于不通过页面from表单，来发送数据到后端服务器中 2. 如何重定向 服务器后端无法直接将页面重定向，因为服务器后端传回的任何数据，都将被XMLHttpRequest()对象给接收。步骤只能为：
阅读全文
浙公网安备 33010602011771号