DOM
关注
分享
扫一扫
Curry 3O
I can do ALL things !
展开
-
DOM中简单的表格操作
DOM是针对HTML和XML文档的一个API（应用程序编程接口）,DOM描绘了一个层 次化的节点树，允许开发人员添加，移除，修改页面的某一部分。<script>window.onload = function(){ var arr = [{ id:1001, name:'hb', age:22, },{ id:1002, name:...原创 2019-07-19 11:37:24 · 229 阅读 · 0 评论 -
事件委托
事件委托 因为冒泡机制，比如既然点击子元素，也会触发父元素的点击事件，那我们完全可以将子元素的事件要做的事写到父元素的事件里，也就是将子元素的事件处理程序写到父元素的事件处理程序中，这就是事件委托；利用事件委托，只指定一个事件处理程序，就可以管理某一个类型的所有事件。  ...原创 2019-07-20 18:21:03 · 156 阅读 · 0 评论 -
图片放大镜功能
实现效果演示：鼠标移入左侧缩略图时，小盒子和右边大图显示，并且小盒子跟随鼠标移动，右侧大图出现放大效果。我将用三种方法来实现。1.原生js代码实现思路：1.原图窗口与放大窗口插入的是同一个图片，不过原图窗口的图片要适当缩小，放大窗口图片保持原大小，超出部分设置隐藏。2.先定下放大比例，例如本文原图大小为10001000，可以把原图窗口的图片设为400400，这样放大窗口就能实现2.5倍的...原创 2019-08-02 21:05:37 · 2349 阅读 · 2 评论 -
页面中下拉列表级联操作
在页面中我们经常看到下拉多选框，当我们点击不同项时它后面的多选框会显示不同的数据，下面我们来完成这项工作。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>级联</title> <script> //添加数据 ...原创 2019-07-22 21:25:12 · 756 阅读 · 0 评论 -
页面中表格的增删改查
在网页中操作表格，实现增删改查等操作<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表格增删改查</title> <style> table{ border-collapse: collapse; w...原创 2019-07-22 22:10:26 · 1750 阅读 · 0 评论 -
浏览器兼容性
不同浏览器，核心技术不同，标准不同，实现方式也有差异，最终呈现出来在大众面前的效果也是会有差异。处理兼容问题的思路：1、要不要做？1 ) 产品的角度（产品的受众、受众的浏览器比例、效果优先还是基本功能优先）。2 ) 成本的角度 (有无必要做某件事)。2、做到什么程度？1 ) 让哪些浏览器支持哪些效果。3、如何做？1 ）根据兼容需求选择技术框架/库(如jquery 1.x.x)2...原创 2019-07-22 22:41:05 · 119 阅读 · 0 评论 -
jquery树形插件zTree使用
一、介绍zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。特点：1.zTree v3.0 将核心代码按照功能进行了分割，不需要的代码可以不用加载2.采用了延迟加载 技术，上万节点轻松加载，即使在 IE6 下也能基本做到秒杀3.兼容 IE、FireFox、Chrome、Opera、Safari 等浏览器4.支持...原创 2019-08-10 12:27:46 · 1019 阅读 · 1 评论