Javascript 中的小知识点整理

1， js中的类数组对象

   (1) arguments对象:

 function(){ //arguments对象是Arguments对象实例，是一个类数组对象，并拥有下列方法 alert(arguments instanceof Array);//false arguments.callee(); //对自身的调用， 用于递归 var c = arguments.caller; //对调用自身函数的父函数, 如果是自己在window.A()或者A(), 那么就为undefined c = arguments.constructor //Object.prototype继承函数 c = arguments.hasOwnProperty //判断参数是否是arguments对象的本地非protorype属性 c = arguments.isPrototypeOf //判断参数是否是arguments对象的prototype继承的属性 c = arguments.propertyIsEnumerable() //与hasOwnProperty类似含义的方法，表示是否能枚举 c = arguments.toLocaleString() //返回对象表示本地的自己的字符串 c = arguments.toString() //返回对象表示本地的自己的字符串, 当需要对象 转化为字符串的时候，解释器会自动调用该函数。如alert(arguments) d = new Date(); c = d.valueOf() //返回对象的数值类型值，如 new Date() +2会自动调用该函数而得到一个数值类型值，但Object.prototype中的valueOf与toString类型。arguments +3 还是一个字符串 arguments.length //个数 c = arguments[0] //进行类数组取值操作 }

   (2) node-list对象，即getElementsByTagname()函数返回的对象

 

2， nodeName、nodeValue 以及 nodeType 包含有关于节点的信息。

nodeName 属性含有某个节点的名称:

元素节点的 nodeName 是标签名称

属性节点的 nodeName 是属性名称

文本节点的 nodeName 永远是 #text

文档节点的 nodeName 永远是 #document

注释：nodeName 所包含的 XML 元素的标签名称永远是大写的

nodeValue:

对于文本节点，nodeValue 属性包含文本。

对于属性节点，nodeValue 属性包含属性值。

nodeValue 属性对于文档节点和元素节点是不可用的。

nodeType:

nodeType 属性可返回节点的类型。

最重要的节点类型是：

 

元素类型	节点类型
元素element	1
属性attr	2
文本text	3
注释comments	8
文档document	9

 

 3, 链接的样式：

.white,.white:link,.white:active { color:#ffffff; } .white:hover { color:#ff7300; text-decoration:underline; } .white:active { color:#ffffff; }  

 

4，网页浏览器及内核分类

(1) 基于不同系统的浏览器包括：
微软的Internet Explorer、
Mozilla的Firefox、
Apple的Safari、
Opera、
HotBrowser、
Google的Chrome、
TT以及世界之窗、遨游、极速等都是基于IE的

 

(2) 浏览器最重要或者说核心的部分是“Rendering Engine”，可大概译为“解释引擎”，不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释（如HTML、JavaScript）并渲染（显示）网页

Gecko核心：Mozilla Firefox - Flock - SeaMonkey - Netscape Browser - Mozilla（不是公司，也是一种浏览器名字） - Sylera - Epiphany - Camino 等

KHTML排版引擎（后由apple进一步开发衍生为）==》WebKit：chrome-Safari - Shiira - Konqueror - OmniWeb - Midori等， 和在手机上的应用也十分广泛，例如 Google 的手机 Gphone、 Apple 的 iPhone, Nokia’s Series 60 browser等所使用的 Browser 内核引擎，都是基于 WebKit

Trident核心（IE元件）：Internet Explorer - Sleipnir - GOSURF - GreenBrowser - Maxthon - 腾讯TT -  KKman - Donut - Lunascape等，也就是所谓ie内核。

独立排版引擎： Opera - mosaic - iCab - Amaya - Netscape Communicator - Netscape Navigator 等

分别有 Presto: Opera

5. 使用四个角背景对圆角矩形边框的设置:

<div id="box"> <div class="corner"> <div class="icons lt">左上角</div> <div class="icons rt">右上角</div> <div class="icons lb">左下角</div> <div class="icons rb">右上角</div> </div> </div> <style><!-- #box{ height:106px; width:230px; border:1px solid #d1d1d1; position:relative; } .corner .lt, .corner .rt, .corner .lb, .corner .rb{ height: 12px; overflow: hidden; position: absolute; text-indent: -999px; width: 12px; z-index: 2; font-size:0px; } .corner .lt{ background-position: -60px 0; top: -1px; left: -1px;} .corner .rt{ background-position: -72px 0; top:-1px; right:-1px; } .corner .lb{ background-position: -60px -12px; bottom:-1px; left:-1px;} .corner .rb{ background-position: -72px -12px; bottom:-1px; right:-1px;} --></style>

一点注意： 1，四个角背景是外白内透明的弧形。

三个易错点：1，四个角的样式background-position定位要刚好包含全部。不能 如 .rt{ background-position: -73px 0;}，就没全部包括住 。 2，.box的高一定要是偶数，在ie6.0下高为奇数时下面的两个角背景就不能覆盖边框。3, #box样式不能设置overflow:hidden，否则四角背景会变透明，覆盖不住原来的直角边框。

 

6, 作为前端开发，总需要认识熟悉各种颜色。

        black: '000',
        silver: 'c0c0c0', //银色
        gray: '808080', //灰色
        white: 'fff',
        maroon: '800000',
        red: 'f00',
        purple: '800080',
        fuchsia: 'f0f',
        green: '008000',
        lime: '0f0',
        olive: '808000',
        yellow: 'ff0',
        navy: '000080',
        blue: '00f',
        teal: '008080',
        aqua: '0ff'