摘要: 用HTML+CSS+原生JS写一个简易的音乐播放器(仅播放一首歌) 效果如下:(鼠标点击按钮可以实现播放或暂停,按钮会旋转,实现了歌词同步,功能还需改进) 代码如下: 还有bug,待更新...... 阅读全文
posted @ 2017-09-16 20:32 陈陈陈chen 阅读(2664) 评论(0) 推荐(0) 编辑
摘要: 委托机制 在on的第二参数中提供了一个selector选择器,简单的来描述下 参考下面3层结构 给出如下代码: 事件绑定在最上层div元素上,当用户触发在a元素上,事件将往上冒泡,一直会冒泡在div元素上。如果提供了第二参数,那么事件在往上冒泡的过程中遇到了选择器匹配的元素,将会触发事件回调函数 阅读全文
posted @ 2017-09-13 22:50 陈陈陈chen 阅读(379) 评论(0) 推荐(0) 编辑
摘要: jQuery选择器之特殊选择器this 相信很多刚接触jQuery的人,很多都会对$(this)和this的区别模糊不清,那么这两者有什么区别呢? this是JavaScript中的关键字,指的是当前的上下文对象,简单的说就是方法/属性的所有者 下面例子中,userName是一个对象,拥有name属 阅读全文
posted @ 2017-09-10 10:42 陈陈陈chen 阅读(228) 评论(0) 推荐(0) 编辑
摘要: 事件处理: 1、HTML事件处理程序 例子: 或者: 缺点:HTML与JavaScript代码紧密耦合在一起,不方便修改。 2、DOM零级处理程序 例子: 这段代码的作用是添加点击事件,若要取消点击事件,只需"btn.onclick=null;"即可。 3、DOM二级事件处理程序 定义了两个方法:a 阅读全文
posted @ 2017-09-06 17:43 陈陈陈chen 阅读(866) 评论(0) 推荐(0) 编辑
摘要: 1、透明度的样式设置: 透明度在IE浏览器和其他相关浏览器中的设置方法不太相同,IE使用filter:alpha属性,firefox使用opactiy属性; 2、原生js设置透明度 为了兼容IE与其他浏览器对透明度的设置,代码如下: 3、jQuery设置透明度 jQuery中对透明度的设置进行了整合 阅读全文
posted @ 2017-09-04 11:19 陈陈陈chen 阅读(418) 评论(0) 推荐(0) 编辑
摘要: 改变 HTML 样式 HTML DOM 允许 JavaScript 改变 HTML 元素的样式。如何改变 HTML 元素的样式呢? 语法: Object.style.property=new style; 注意:Object是获取的元素对象,如通过document.getElementById("i 阅读全文
posted @ 2017-08-15 21:27 陈陈陈chen 阅读(1621) 评论(0) 推荐(1) 编辑
摘要: 1、事件的概念: JavaScript使我们有能力创建动态页面,网页中的每一个元素都可以产生某些触发JavaScript函数的事件。我们可以认为事件是可以被JavaScript侦测到的一种行为。 2、事件流: 事件流主要分为冒泡型事件和捕获型事件。IE浏览器目前只支持冒泡型事件,而支持标准DOM的浏 阅读全文
posted @ 2017-08-12 11:53 陈陈陈chen 阅读(75758) 评论(0) 推荐(4) 编辑
摘要: 1、DOM创建节点的方法: document.createElement(Tag),Tag必须是合法的HTML元素;2、DOM复制节点的方法: 节点.cloneNode(boolean deep),当deep为true时,表示复制当前节点以及当前节点全部后代节点。为false时,只复制当前节点。3、 阅读全文
posted @ 2017-08-11 17:02 陈陈陈chen 阅读(348) 评论(0) 推荐(0) 编辑
摘要: 1、DOM是文档对象模型(Document Object Model)的简称。 当网页加载时,可以将结构化文档在内存中转换成对象树。 简单的说,DOM并不是一种技术,而是一种访问结构化文档的思想。借助DOM模型,我们可以对DOM树进行修改、删除、新增等操作,让结构化文档动态化。 2、DOM模型中的节 阅读全文
posted @ 2017-08-10 15:53 陈陈陈chen 阅读(447) 评论(0) 推荐(0) 编辑
摘要: history对象, 阅读全文
posted @ 2017-08-09 17:08 陈陈陈chen 阅读(172) 评论(0) 推荐(0) 编辑