随笔分类 - Javascript读书笔记
摘要：Math.ceil(number) 它可以返回大于numbe的值的一个整数。Math.floor(number) 它可以向小于方向舍入为之最接近的整数。Math.round(number) 将把任意浮点数舍入为与之最接近的整数。例如：console.log(Math.ceil(5.2)); cons...
阅读全文
摘要：onmouseover事件被触发时显示一张图片。我们将沿用图片库案例中的脚本----只需把每个链接上的事件处理函数从onclikc改为onmouseover。它能工作，但图片显示得不够流畅：当用户第一次把鼠标指针悬停在某个链接上时，新图片将被加载过去。即使实在一个高速的网络连接上，这多少也需要花费点...
阅读全文
摘要：positionWhee!如果让moveMessage()函数在页面加载时运行，这个元素的位置将立刻发生变化----由positionMessage函数给出的原始位置会被立刻覆盖导致元素的显示位置立刻发生变化的根源是Javascript太有效率了：函数一个接一个地执行,其间根本没有我们所能察觉的间隔...
阅读全文
摘要：position属性的合法值有static、fixed、relative和absolue四种。static是position属性的默认值，意思是有关元素将按照它们在标记里出现的先后顺序出现在浏览器窗口里。relative的含义鱼static相似，区别是position属性等于relative的元素还...
阅读全文
摘要：把一个非常具体的东西改进为一个较为通用的东西的过程叫做抽象先看下styleHeaderSibling函数，会发现它仅适用于h1元素，而且className属性值intro也是硬编码在函数里的：function styleHeaderSibling(){ var headers=document...
阅读全文
摘要：function addClass(element,value){ if(!element.className){ element.className = value; }else{ element.className += ' '+ value; //必须...
阅读全文
摘要：function highLightRows(){ var rows=document.getElementsByTagName('tr'); for(var i=0;i<rows.length;i++){ rows[i].onmouseover=function(){ ...
阅读全文
摘要：Cities Itinerary WhenWhere June 9thPortland,OR June 10thSeattle,WA June...
阅读全文
摘要：Man bites dogHold the front pageThis first paragraph leads you in.Now you get the nitty-gritty of the storyThe most important information is delivered...
阅读全文
摘要：ExampleAn example of a paragraph事实证明：element.style将返回一个对象，样式都存放在这个style对象的属性里。不仅文档里的每个元素都是一个对象，每个元素都有一个style属性，他们也是一个对象。解析：Javascript将把减号前面的内容解释为"元素的s...
阅读全文
摘要：explaining Home Search ContactWhat is the Document Object ModelThe W3C defines the DOM as:A platform- and language-neutral interface that wil...
阅读全文
摘要：explainingWhat is the Document Object ModelThe W3C defines the DOM as:A platform- and language-neutral interface that will allow programs and scripts ...
阅读全文
摘要：explainingWhat is the Document Object ModelThe W3C defines the DOM as:A platform- and language-neutral interface that will allow programs and scripts ...
阅读全文
摘要：渐进增强：渐进增强原则基于这样一种思想：你应该总是从最核心的部分，也就是从内容开始。 应该根据内容使用标记实现良好的结构；然后再逐步加强这些内容。这些增强工作 既可以通过CSS改进呈现效果，也可以是通过DOM添加各种行为。如果你正在使用 DOM添加核心内容，那...
阅读全文
摘要：Hijax---渐进增强地使用Ajax AJAX应用主要依赖后台服务器，实际上是服务器端的脚本语言完成了绝大部分工作。XMLHttpRequest对象作为浏览器与服务器之间的"中间人"，它只是负责传递请求和响应。如果把这个中间人请开，浏览器与服务器之间的请求和响应应该继续完成（而不是中断），只不...
阅读全文
摘要：Ajax技术的核心就是XMLHttpRequest对象。这个对象充当着浏览器脚本（客户端）与服务器之间的中间人的角色。以往的请求都由浏览器发出，而Javascript通过这个对象可以自己发送请求，同时也自己处理响应。 不同浏览器实现XMLHttpRequest对象的方式不太一样。为了保证跨浏览器...
阅读全文
摘要：查看图片Snapshots 第一张图片 第二张图片 第三张图片 第四张图片
阅读全文
摘要：insertAfter(placeholder,gallery);insertAfter(description,placeholder);function insertAfter(newElement,targetElement){ var parent=targetElement.pare...
阅读全文
摘要：图片库中一个图片和一段文字仅仅是为showpic脚本服务的。若能把结构和行为彻底分开那最好不过了。既然这些元素的存在只是为了让DOM方法处理它们，那么用DOM方法来创建它们才是最合适的选择。查看图片Snapshots 第一张图片 第二张图片 第三张图片 第四张图片将plac...
阅读全文
摘要：动态创建标记另一种方案就是先创建所有的节点，然后再把它们连接在一起。
阅读全文
浙公网安备 33010602011771号