2017年2月3日

【JS学习笔记】DOM操作应用-创建、插入和删除元素;文档碎片

摘要: 一、创建、插入和删除元素 (1)创建DOM元素 createElement(标签名) 创建一个节点 appendChild(节点) 追加一个节点 例子:为ul插入li <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "ht 阅读全文

posted @ 2017-02-03 20:26 小白粽 阅读(812) 评论(0) 推荐(0)

2017年1月31日

【JS学习笔记】DOM元素灵活查找

摘要: 用className选择元素 (1)如何用className选择元素 选出所有元素 通过className条件筛选 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/ 阅读全文

posted @ 2017-01-31 21:48 小白粽 阅读(192) 评论(0) 推荐(0)

【JS学习笔记】操作元素属性

摘要: 一、操作元素属性 (1)元素属性操作 第一种:oDiv.style.display='block'; 第二种:oDiv.style['display']='block'; 第三种:Dom方式,为以下的3种方式 DOM方式操作元素属性: 获取:getAttribute(名称),在大多数情况下是用不着的 阅读全文

posted @ 2017-01-31 21:22 小白粽 阅读(183) 评论(0) 推荐(0)

【JS学习笔记】DOM基础-首尾子节点,兄弟节点

摘要: 一、DOM节点 (1)首尾子节点 有兼容性问题 firstChild、firstElementChild firstChild在高版本的浏览器上具有兼容问题,firstChild在高版本浏览器中指的是文本元素。 firstElementChild高级浏览器下可以使用,在IE6-8下反而不兼容。 解决 阅读全文

posted @ 2017-01-31 19:33 小白粽 阅读(496) 评论(0) 推荐(0)

【JS学习笔记】DOM基础-字节点,父节点

摘要: 一、DOM基础 (1)什么是DOM?DOM,即document,是用来操作页面上的元素,比如操作div获取,修改样式等。是JS的组成部分,还是一套规范。 (2)浏览器的支持情况 现在主流的浏览器有3种,分别是IE,Chrome,Firefox。 IE:在IE6-8版本中,对DOM的支持差不多是百分之 阅读全文

posted @ 2017-01-31 19:09 小白粽 阅读(653) 评论(0) 推荐(0)

2017年1月30日

【JS学习】无缝滚动

摘要: 一、无缝滚动——基础 效果演示 物体运动基础 让Div移动起来 offsetLeft的作用,可以想到有offsetLeft就会有offsetRight,还会有offsetWight/offsetHeight 用定时器让物体连续移动 <!DOCTYPE html PUBLIC "-//W3C//DTD 阅读全文

posted @ 2017-01-30 12:14 小白粽 阅读(646) 评论(0) 推荐(0)

2017年1月27日

【JS学习】定时器

摘要: 一、定时器的作用 (1)开启定时器 setInterval 间隔型 setTimeout 延时型 两种定时器的区别 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/ 阅读全文

posted @ 2017-01-27 14:47 小白粽 阅读(206) 评论(0) 推荐(0)

2017年1月26日

【JS学习】深入JavaScript

摘要: 一、函数的返回值 (1)什么是函数的返回值? 函数的返回值就是函数的执行结果 可以没有return (2)一个函数应该只返回一种类型的值 二、函数传参 (1)可变参(不定参):arguments。arguments是一个数组,存了所有的参数。 参数的个数可变,参数数组 (2)例子1:求和 求所有参数 阅读全文

posted @ 2017-01-26 20:24 小白粽 阅读(155) 评论(0) 推荐(0)

2017年1月25日

【JS学习】JS基础2

摘要: 一、运算符 (1)算术:+加、-减、*乘、/除、%取余 实例:隔行变色、秒转时间 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transi 阅读全文

posted @ 2017-01-25 20:57 小白粽 阅读(238) 评论(0) 推荐(0)

【JS学习笔记】JS基础

摘要: 一、JavaScript的组成 ECMAScript解释器、翻译器。一方面把我们输入的代码语言翻译给计算机,另一方面把计算器输出的语言翻译给我们看。 DOM:Document Object Model,DOM赋予了JS操作HTML文档的能力,像获取元素,改变背景,创建元素,删除元素等等,都需要用到D 阅读全文

posted @ 2017-01-25 16:38 小白粽 阅读(195) 评论(0) 推荐(0)

导航