摘要:
HTML:CSS:*{ margin: 0; padding: 0;}#btn1{ position: fixed; bottom: 0; right: 0; padding: 10px 20px;}JS:window.onload=function(){ var oBnt = document.getElementById('btn1'); var timer = null; var bSys = true; /* 检测是否为用户滚动或者为系统自身滚动 */ window.onscroll=function(){ ... 阅读全文
摘要:
警告框:alert('内容'),没有返回值选择框:confirm('提问的内容'),返回boolean输入框:prompt(),返回字符串或null 阅读全文
摘要:
Document 阅读全文
摘要:
Document 其中:setAttribute(名称,值)getAttribute(名称)removeAttribute(名称) 阅读全文
摘要:
首尾子节点: 有兼容性问题 firstChild、firstElementChild lastChild、lastElementChild兄弟节点: 有兼容性问题 nextSibling、nextElementSibling previousSibling、previousElementSibling例:Document 阅读全文
摘要:
DOM节点: childNodes nodeType childNodes有兼容性问题,在FF、Chrome、IE9+下会计算文本节点。(例:如下代码)Document 001 002 003 在IE8及以下的浏览器得到结果为: 3 IE9+/FF/chrome得到结果为: 7 -获取子节点 children :功能跟childNodes一样,区别是不会将文本节点计算在内。所以可以理解为childNodes的兼容版。 parentNode:获取到的是结构上的父级。 offsetParent:获取到的是物体相对定位的父级... 阅读全文
摘要:
document.createDocumentFragment()1、普通创建方法:Document 2、文档碎片方法:Document 有时候文档碎片方法反而会影响性能,多用于面试。 阅读全文
摘要:
一个图片在容器内,水平垂直居中的效果。效果原理: 利用veryical-align:middle,让img可以位于span的中间对齐。 而左右居中的话,由于img是特殊内嵌元素,所以它是受到text-align:center的控制的。实现代码如下所示:图片在容器内,水平垂直居中 阅读全文
摘要:
HTML: CSS:JS:效果图:素材图片: 阅读全文