2013年06月_BJ_benjamin

原创 javascript深入之window、screen、navigator对象

a)首先来看看几种坐标系统：1>屏幕坐标描述的是一个桌面上的一个浏览器窗口的位置，它们相对于桌面的左上角来度量。2>窗口坐标描述的是在web浏览器中视口的位置，它们相对于视口的左上角来度量。3>文档坐标描述的是一个HTML文档中的位置，它们相对于文档的左上角来度量。文档坐标获取窗口位置：var getWinPosition = function(){ var pos

2013-06-25 23:46:20 5934

原创 javascript深入之location对象和history对象

浏览器的location 和history对象：一、location对象：1>location.reload() 相当于按浏览器上的“刷新”(IE)或“Reload”(Netscape)键。从web服务器上再次装入当前显示的页面。2>location.replace(url) 打开一个 URL，并替换浏览器历史列表中当前位置的地址。用这个方法打开一个 URL 后，按下浏览器的“后退”

2013-06-24 23:50:38 1734

翻译浏览器是如何工作的系列：解析和DOM树的构建

三、解析和DOM树的构建 1、解析：由于解析渲染引擎是一个非常重要的过程，我们将会一步步的深入，现在让我们来介绍解析。解析一个文档，意味着把它转换为一个有意义的结构——代码可以了解和使用的东西，解析的结果通常是一个树的节点集合，用来表示文档结构，它被称为解析树或者语法树。例子：解析表达式“2+3-1”，返回树如下图3.1 1)、语法：解

2013-06-23 15:08:44 4358

原创 javascript深入之动态添加样式规则

添加CSS的方式有行内式、嵌入式、外链式、导入式a)动态引入样式表文件：function loadLink(url){ var link = document.createElement("link"); link.type = "text/css"; link.rel = "stylesheet"; link.href = url; var head = docu

2013-06-19 00:27:02 3620 1

原创 onbeforeunload与onunload事件总结：

1)异同点相同点：onunload，onbeforeunload都是在刷新或关闭时调用，可以在脚本中通过window.onunload来指定或者在里指定。不同点：a)onbeforeunload在onunload之前执行，它还可以阻止onunload的执行。b)onbeforeunload是正要去服务器读取新的页面时调用，此时还没开始读取;nunload则已经从服务器上读到了需要

2013-06-16 22:00:27 2479

翻译浏览器是如何工作的系列：渲染引擎

渲染引擎的功能就是渲染，在浏览器上显示请求的内容。默认情况下，渲染引擎可以显示HTML和XML文档和图像。他也可以显示其他类型的插件(浏览器扩展)。例如显示PDF使用PDF浏览器插件。我们将用一个特殊的章节来讨论插件和扩展。在这个章节中，我们重点来关注使用CSS样式渲染的HTML和图片。一、渲染引擎：我们的参考浏览器——FF、Chrome、Safrai都是建立在两个渲染引擎下。

2013-06-11 23:12:20 1856

翻译浏览器是如何工作的系列：基本介绍

前言：Web浏览器可能是使用最为广泛的软件。在这本书中，我将会深入的去解释浏览器的工作原理。当我们在地址栏中输入www.google.com网址到google的页面呈现到浏览器窗口时，发生了什么？基本介绍：一、我们谈论的那些浏览器当今五大主流浏览器：IE、FireFox、Chrome、Safari、Opera,我会基于开源浏览器 Firefox, Chrome 与

2013-06-10 22:19:35 1582

在jQuery中，当用户把选择器表达式作为参数传递给$()函数时，jQery的Sizzle先对这个选择器表达式进行语法分析，然后再决定如何获得表达式所代表的这些元素。在框架底层，Sizzle应用了浏览器所支持的最高效的DOM 方法来获取一个节点列表(nodeList)，这个节点列表是一个类似于数组的对象的DOM元素的集合。下面的列表展示了jQuery的Sizzle内部采用的浏览器DOM遍历方法和浏

2013-06-10 20:59:50 1040

原创 CSS之vertical-align属性测试

关于vertical-align:的几个属性的情况一直处于模棱两可的状态，今天特来研究下，这个几个属性，并对几个属性在不同浏览器中的表现进行测试vertical-align的常用属性有baseline,top,bottom,text-top,text-bottom,middle下面看看测试用例：第一种情况，默认行高的情况下：1)demo01：vertical-align:bas

2013-06-09 13:18:52 1424

Benjamin——前端攻城师