摘要: 水平居中方法 1.行内元素居中 行内元素居中是只针对行内元素的,比如文本(text)、图片(img)、按钮等行内元素,可通过给父元素设置 text-align:center 来实现。另外,如果块状元素属性display 被设置为inline时,也是可以使用这种方法。但有个首要条件是子元素必须没有被f 阅读全文
posted @ 2017-04-22 22:47 夏冷 阅读(460) 评论(0) 推荐(0) 编辑
摘要: 1.定义一个方法,传入一个string类型的参数,然后将string的每个字符间加个空格返回,比如: 输出: 如何把这个方法放入String对象上面,例如: 输出: 2 ,参数 arguments 定义一个未定义的log方法作为开始。 我会让侯选人去定义log,然后它可以代理console.log的 阅读全文
posted @ 2017-04-22 22:46 夏冷 阅读(563) 评论(0) 推荐(0) 编辑
摘要: CSS雪碧图,就是把所有的图表,按钮和图形包含在一个图像里面。它要求: 静态图片,不随用户信息变化而变化;小图片,图片容量比较小;加载量比较大。 使用这种技术可以减少Web浏览器发出的服务器请求,显著加快下载速度。同时把小图片,按钮集中在一起,可以提高维护性。 在这里介绍一款CSS Sprite自动 阅读全文
posted @ 2017-04-22 22:45 夏冷 阅读(209) 评论(0) 推荐(0) 编辑
摘要: 如何判断一个数是不是质数。 这个问题需要思考下,当判断某个数值是否为质数,先用2去除这个数值,如果不能整除,则使用3继续去除,直到计算到该数值的一半为止。如果发生整除,则循环中断,表示该数值不是素数,然后继续下一个数值的判断。 具体的函数如下: 阅读全文
posted @ 2017-04-22 22:45 夏冷 阅读(462) 评论(0) 推荐(0) 编辑
摘要: 在DOM编程艺术中,CSS-DOM应用很广泛。 1.style属性 通过element.style.property可以获得元素的样式,但是style属性只能够返回内嵌样式,对于外部样式表的样式和head中的style样式都无法获取,这就限制了此方法的使用。 输出: 若更改样式,则如下: 输出: 但 阅读全文
posted @ 2017-04-22 22:40 夏冷 阅读(191) 评论(0) 推荐(0) 编辑
摘要: 执行环境和作用域 我们知道,所有 JavaScript 代码都是在一个执行环境中被执行的。执行环境是一个概念,一种机制,用来完成JavaScript运行时在作用域、生存期等方面的处理,它定义了变量或函数是否有权访问其他数据,决定各自行为。 在javascript中,可执行的JavaScript代码分 阅读全文
posted @ 2017-04-22 22:37 夏冷 阅读(126) 评论(0) 推荐(0) 编辑
摘要: 第四章—变量,作用域和内存问题(二) JS没有块级作用域 js没有块级作用域,这个概念容易导致误解,这里就区分下几个情况,大家好好参考下: 我们知道,在其他类C的语言中,由花挂号封闭的代码块都有自己的作用域。但是在JS中,却没有块级作用域: 这里if(true){}代表条件永真,永远执行这条。if( 阅读全文
posted @ 2017-04-22 22:33 夏冷 阅读(117) 评论(0) 推荐(0) 编辑
摘要: CSS-DOM的小知识(二) 上篇文章说到,通过element.style.property可以获得元素的样式,但是style属性只能够返回内嵌样式,对于外部样式表的样式和head中的style样式都无法获取,这就限制了此方法的使用。 这几天做了一个实际的例子,感觉可以拿出来讲讲,填补一下这方面的知 阅读全文
posted @ 2017-04-22 22:31 夏冷 阅读(146) 评论(0) 推荐(0) 编辑
摘要: ECMAscript是JS的核心,而要在web上使用JS,那么BOM无疑是真正的核心。BOM叫浏览器对象模型,它 提供了许多对象,用于访问浏览器的功能。 BOM的核心对象是window,它表示浏览器的一个实例。在浏览器中,它有双重角色,它既是通过JS访问浏览器 的一个接口,又是ESMAScript规 阅读全文
posted @ 2017-04-22 22:24 夏冷 阅读(183) 评论(0) 推荐(0) 编辑
摘要: JS的引用类型重点讲Object,array和function等几种 1.Object对象 创建对象有两种方式:1.new出一个Object的实例;2.使用对象字面量来创建对象,在对象字面量中,使用逗号分隔不同的属性,但最后一个属性的后面不能再添加逗号,在IE7以前的版本会报错。 使用对象字面量,属 阅读全文
posted @ 2017-04-22 22:17 夏冷 阅读(141) 评论(0) 推荐(0) 编辑
摘要: 1.有一对兔子,从出生后第 3 个月起每个月都生一对兔子,小兔子长到第三个月后每个月又生一对兔子,假如兔子都不死,问每个月的兔子总数为多少? 程序分析: 兔子的规律为数列: 1 1,2,3,5,8,13,21,34,表示了一种动植物数量的正常增长的数量变化 月份: 1 2 3 4 5 6 7 8 9 阅读全文
posted @ 2017-04-22 22:03 夏冷 阅读(1354) 评论(0) 推荐(0) 编辑
摘要: 在触发DOM的某个事件上,会产生一个事件对象event,这个对象包含着所有与事件相关的信息。 DOM中的事件对象 兼容DOM的浏览器会将一个event对象传入到事件处理程序中,无论指定事件处理程序使用什么方法(DOM0级,DOM2级),都会传入event对象。 event对象包含着与创建它的特定事件 阅读全文
posted @ 2017-04-22 21:54 夏冷 阅读(107) 评论(0) 推荐(0) 编辑
摘要: 事件就是用户或浏览器执行的某种动作。响应某个事件的函数就是事件处理程序。 DOM0级事件处理程序。 使用DOM0级方法指定的事件处理程序被认为是元素的方法。因此这时候的事件处理程序是在元素的作用域中运行的;换句话说,程序中的this引用当前元素。 可以通过this访问元素的任何属性和方法。以这种方式 阅读全文
posted @ 2017-04-22 21:49 夏冷 阅读(96) 评论(0) 推荐(0) 编辑
摘要: 1.事件流 事件流描述的是从页面中接受事件的顺序。 ie的事件流叫做事件冒泡(event bubbling)。即开始时由最具体的元素(文档中嵌套最深的文档节点)接收,然后逐级向上传播到不具体的节点。 如果你点击了div元素,事件流就按如下顺序传播: click事件现在div上发生,然后click事件 阅读全文
posted @ 2017-04-22 21:39 夏冷 阅读(100) 评论(0) 推荐(0) 编辑
摘要: 节点树和元素树知识整理 我们在阅读JS高级程序设计的时候,提到了节点树的概念。比如说: elem.parentNode 找elem的父节点; elem.childNodes 找elem的所有的直接子节点; elem.nextSibling 找elem的下一个同辈节点‘; elem.previousS 阅读全文
posted @ 2017-04-22 21:33 夏冷 阅读(562) 评论(0) 推荐(0) 编辑
摘要: 按HTML查找:优点:范围可大可小,可设置条件;包括五种方式:1.按id查找;2.按标签名查找:var elems = parent.getElementsByTagName('');3.按name属性查找:要回传给服务器的元素需要name属性,专门找表单中有name属性的表单元素; 了解即可;4. 阅读全文
posted @ 2017-04-22 21:29 夏冷 阅读(8700) 评论(0) 推荐(2) 编辑
摘要: 今天我们要谈谈DOM元素的修改(包括修改内容,属性,样式)。修改内容的方法 3种:elem.innerHTML:获取或设置元素开始标签到结束标签之间的原始HTML代码片段;elem.textContent:获取或设置元素开始标签到结束标签之间的纯文本内容 要考虑兼容性问题IE9+;获取表单元素的内容 阅读全文
posted @ 2017-04-22 21:27 夏冷 阅读(674) 评论(0) 推荐(0) 编辑
摘要: DOM是一个与语言无关的API,它在浏览器中的借口却是用JS来实现的。 浏览器通常会把DOM和JS独立实现. 在IE中,JS的实现名是JScript,位于jscript.dll文件中,DOM实现则是mshtml.dll; Safari中的DOM和渲染则使用webkit中的WebCore来实现,JS则 阅读全文
posted @ 2017-04-22 21:25 夏冷 阅读(216) 评论(0) 推荐(0) 编辑
摘要: 页面滚动事件:window.onscroll,获得页面滚动位置:document.body.scrollTop; HTML代码: 这里注意此处逻辑,大于500就显示,否则就隐藏,还有注意如果变量名设置为top的话,就出错,都是小坑。 我们知道可以利用a标签的#回到顶部效果,但是速度过快,导致用户体验 阅读全文
posted @ 2017-04-22 21:22 夏冷 阅读(2763) 评论(0) 推荐(0) 编辑
摘要: HTML代码如下: CSS代码如下: 阅读全文
posted @ 2017-04-22 21:10 夏冷 阅读(254) 评论(0) 推荐(0) 编辑