摘要:
源码下载:https://files.cnblogs.com/files/heyang78/hvcenter_211214.rar 实现一:(在Editplus和chrome都通过) 先上图: 代码: <!DOCTYPE html> <html> <head> <meta charset="UTF- 阅读全文
摘要:
方法描述 concat() 连接两个或更多的数组,并返回结果。 copyWithin() 从数组的指定位置拷贝元素到数组的另一个指定位置中。 entries() 返回数组的可迭代对象。 every() 检测数值元素的每个元素是否都符合条件。 fill() 使用一个固定值来填充数组。 filter() 阅读全文
摘要:
通过元素的ID名获取元素:getElementById();通过元素的Class名获取元素集合:getElementsByClassName();通过元素的种类获取元素集合:getElementsByTagName();通过元素的name名获取元素集合:getElementsByName();创建一 阅读全文
摘要:
如下代码创建了一个水平进度条,随着水平进度条的发展,逐个显示table中的每个li元素,显示顺序由li元素的order属性控制。 代码如下,就不多解释了,懂得都懂。 <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" 阅读全文
摘要:
改字体颜色: node.style.fontSize="123px"; 改颜色(用在父节点上): parent.style.color="red"; 阅读全文
摘要:
var startTime=new Date(); ....... var now=new Date(); var diff=(now-startTime)/1000; var d=parseInt(diff/86400); var h=parseInt(diff/3600)-24*d; var m 阅读全文
摘要:
效果图: 以上图文混排效果实现的核心是设置img的float为left,其它都是常规设置。 代码: <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文
摘要:
总结: 通过代码可以发现,第一种方式是通过拼合字符串实现的,参数较多时不推荐;第三种方式是把函数要用的值存到节点属性里,虽然可以但也有一定依赖性;第二种方式虽然写法怪异,但侵入性最小,熟悉自执行函数+闭包的语法后是最值得推荐的。 代码如下: <!DOCTYPE html> <html lang="u 阅读全文
摘要:
遍历列表,找出id,然后添加修改删除链接有多种实现方法,其中一种就是利用自执行函数+闭包形成id不同的链接。 常见实现方法: <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" content="text/html; 阅读全文
摘要:
在输入框中输入回车执行动作也算页面控件常用操作项之一了,故把代码整理出来放在这里。 代码: <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 阅读全文