用httpwatch监测发现，部分请求回来为502 bad gateway，运维发现，请求还没有到达服务端就已经错误返回了。运行一个简单的php文件，那还都是正常的，让其重启，发现问题依旧啊，后来换了个运维，重启之后竟然正常了，╮(╯▽╰)╭。

网上查看，php-fpm的默认静态处理方式会使得php-cgi的进程长期占用内存而无法释放，这也是导致nginx出错的原因之一。

据分析

with the help of memory_limit to 256M, max_execution_time=300s
and fastcgi_read_timeout=240s 查了下原因可能是上面三个
不过我刚只重启了下php，没改配置，php-fpm可能假死了。

资料详情：

我的VPS是256M的内存，CPU是四核心的，所以更多的我会在乎内存。而在我调试服务器的时候通常会遇到Nginx502 bad gateway和504 Gateway Time-out的错误。分析nginx.conf我发现server和fastcgi的buffers过多，导致fastcgi请求的数量过大，php-fpm无法及时处理而出错。循此思路我们可以再总体buffers不变的情况下减少请求数量，具体的ningx.conf改动细节如下：
程序代码                server_names_hash_bucket_size 128;
client_header_buffer_size 32k;
large_client_header_buffers 1 128k;# 4 32k
client_max_body_size 8m;

sendfile on;
tcp_nopush     on;

keepalive_timeout 60;

tcp_nodelay on;

fastcgi_connect_timeout 300;
fastcgi_send_timeout 300;
fastcgi_read_timeout 300;
fastcgi_buffer_size 128k;
fastcgi_buffers 2 256k;#8 128
fastcgi_busy_buffers_size 256k;
fastcgi_temp_file_write_size 256k;
fastcgi_intercept_errors on;

gzip on;
gzip_min_length  1k;
gzip_buffers     1 64k; #4 16
gzip_http_version 1.0;
gzip_comp_level 2;
gzip_types       text/plain application/x-javascript text/css application/xml;
gzip_vary on;
另外，php-fpm的默认静态处理方式会使得php-cgi的进程长期占用内存而无法释放，这也是导致nginx出错的原因之一，因此可以将php-fpm的处理方式改成apache模式。
程序代码<value name=”style”>apache-like</value>
从更改完毕到现在的测试表明上述方式的效果还是很明显的，并没有发现一次Nginx502 bad gateway或504 Gateway Time-out错误。当然，如果你的VPS或者服务器的性能足够好可以根据具体情况不必做无谓的改动。

http://www.ntsafe.com/html/jishuziliao/caozuoxitong/20100113/97.html

因为document.domain的原因引起编辑器错误的产生，我脑中第一个就想到了document.designMode，于是好好整理了一下。

实现可视化编辑，可以使用contentEditable和designMode两种方法。contentEditable刚开始在IE上实现，后来各大 浏览器陆续支持contentEditable，HTML5标准也包含contentEditable。designMode只能把document整体 改成可编辑状态，但contentEditable可以把任何HTML元素改成可编辑状态，应用范围比designMode广，用 contentEditable是将来的趋势。

但在IE上designMode和contentEditable不完全一样，有不少细微的差距，我们开发可视化编辑器时需要格外注意。

1. 在IE上使用designMode，调用document.domain将报没有权限的错误，用contentEditable没有此问题。

2. 在IE上使用designMode，右键菜单没有复制、粘贴功能，出来的是普通网页的右键菜单。

3. 在IE6和IE7上使用contentEditable，在某些情况下焦点自动移动到编辑区域，类似focus()的效果。这个问题非常要命，因为很多时候我们不希望页面初始化时焦点跳到编辑区域里。

所以针对以上原因建议是IE下将页面设置成可编辑状态是document.body.contentEditable = true;非IE的浏览器是document.designMode="on";

参考链接：http://luolonghao.javaeye.com/blog/693814

http://ued.alipay.com/wd/2008/11/08/js%E8%B7%A8%E5%9F%9F%E8%AE%BF%E9%97%AE%E6%93%8D%E4%BD%9Ciframe%E9%87%8C%E7%9A%84dom/

@linxz428(林小志__linxz) 在中文版的chrome里，定义了小于12px的字体依然显示为12px.
解决办法:webkit的私有属性 html{-webkit-text-size-adjust:none;}

离完美又进了一步。

查找资料显示aborted的原因如下。

The (Aborted) value is more complex in its origin. It occurs when IE has started to process the request for a URL (e.g. to download an image), but then decides to cancel the operation. Here are some examples of when this can occur:

1. If you click on a link or bookmark while a page is downloading, or click on IE’s Stop button, you will see that IE cancels any requests which are still active and HttpWatch shows the (Aborted) result.
2. A CSS rollover image on a page will start a request when the mouse pointer is moved into its active area. If the mouse pointer quickly moves away again, IE may abort the request if it has not already completed.
3. Sometimes javascript is used to fire off requests for background tasks or to gather statistics on a page. Often this can lead to aborted results if the javascript does not wait for the response to be received from the server.

继续寻找根源，搜索到发现这个问题是ie6中一个底层 机制的bug，之后的版本已经解决了。据说<a href="javascript:void(0)">或者<a href=#">这样使用a标签的话并不能阻止a标签最后触发一个什么行为，导致ie6会错误的认为页面刷新或者重定向了，并且中断了当前所有连 接，这样新的加载就被aborted了。解决方案最简单的方法有两个，一个是这样使用a标签<a href="xxx(); return false;">，另外一个就是用div替换a标签来用。至此，问题总算解决。

在开发中常使用<a>标签代替button，好处在于可以利用a:hover样式做mouseover效果，但下面的代码在IE6下就有问题，onclick中的请求被aborted。
<a href="javascript:void(0);" onclick="$('current').src='images/001.jpg';">切换图片</a>，IE6下图片不显示。
<a href="javascript:void(0);" onclick="MyJrjRelation.checkAttention();">关注此人</a>，IE6下请求失败。

解决方法：
1. 不使用onclick，但必须保证处理函数不返回值，否则浏览器将清空页面，只显示函数的结果。如果checkAttention返回false，浏览器中就会显示false。
<a href="javascript:MyJrjRelation.checkAttention();">关注此人</a>

<a href="javascript:void(MyJrjRelation.checkAttention());">关注此人</a>   void返回undefined；

2. 在onclick上加return false阻止浏览器执行href。href属性还是必须的，否则链接就样式失效了。
<a href="javascript:void(0);" onclick="MyJrjRelation.checkAttention();return false;">关注此人</a>

总结来说<a href="javascript:void(0);" onclick="MyJrjRelation.checkAttention();return false;">的兼容性最好。

相关知识链接http://www.cnblogs.com/zhyt1985/archive/2009/05/27/1490755.html，http://weizuqing1986-126-com.javaeye.com/blog/458141，http://blog.csdn.net/wangjj_016/archive/2010/02/10/5304784.aspx

解决方案是在onclick的函数后面加分号。JavaScript是弱语言类型，对语法检查不是很严格。但是很多浏览器对这个比较较真，有的浏览器就必须看到；才认为你是调用了一个方法。所以严格意义上来说你还是以后都给加上。这样是肯定不会有问题的。

相关知识补充：

今天在做一个点击事件的时候，用的是a标签的href="javascript:XXX(this)"来触发，发现怎么样都出错，很奇怪this居然没有 parentNode，后来试了一下，在XXX()中的第一句写上alert(obj==window),发现居然弹出true，也就是说，用 href="javascript:XXX(this)"来调用XXX()的时候，this指针并不是指向当前DOM对象的，而是指向window。用 onclick="XXX(this)"，再试试，发现这次就传对了。

在Javascript中void是一个操作符，该操作符指定要计算一个表达式但是不返回值。

void 操作符用法格式如下：
1. javascript:void (expression)
2. javascript:void expression

expression 是一个要计算的 Javascript 标准的表达式。表达式外侧的圆括号是选的，但是写上去是一个好习惯。 (实现版本 Navigator 3.0)

你以使用 void 操作符指定超级链接。表达式会被计算但是不会当前文档处装入任何内容。

下面的代码创建了一个超级链接，当用户以后不会发生任何事。当用户链接时，void(0) 计算为 0，但 Javascript 上没有任何效果。

<A HREF="javascript:void(0)">单此处什么也不会发生</A>

下面的代码创建了一个超级链接，用户单时会提交表单。

<A HREF="javascript:void(document.form.submit())">
单此处提交表单</A>

下面代码则执行了subgo()函数，

<a href="javascript:void(0)" onclick="subgo()">点我</a>

在这里，javascript:void(0),没启实质上的作用，它仅仅是一个死链接，执行的函数是subgo()。

<a href="#" onclick="subgo()">点我</a>与<a href="javascript:void(0)" onclick="subgo()">点我</a>区别。

实际上 #包含了一个位置信息默认的锚是#top 也就是网页的上端 ，而javascript:void(0) 仅仅表示一个死链接，没有任何信息。所以调用脚本的时候最好用void(0)

href一般是指向一个URL地址，也可以调用javascript ,如href="javascript:xxx();",文档中推荐这样写：<a href=" javascript:void(0)" onclick="xxx();">xx</a>,但是这种方法在复杂环境有时会产生奇怪的问题，尽量不要用javascript:协 议做为A的href属性，这样不仅会导致不必要的触发window.onbeforeunload事件，在IE里面更会使gif动画图片停止播放。

我们知道链接的 onclick 事件被先执行，其次是 href 属性下的动作（页面跳转，或 javascript 伪链接），如果不想执行href 属性下的动作执行，onclick 需要要返回 false ，一般是这样写onclick="xxx();return false;"

相关知识链接：http://www.adanghome.com/?p=151，http://gocom.primeton.com/blog21307_27051.htm

窗口对象的属性和方法：
格式：

[window.]属性

[window.]方法（参数）

opener.属性

opener.方法（参数）

self.属性

self.方法（参数）

parent.属性

parent.方法（参数）

top.属性

top.方法（参数）

窗口名称.属性

窗口名称.方法（参数）

----------------------------------------------------

·  窗口对象的属性：

--------------------------------------------------------------------

窗口对象的方法：

--------------------------------------------------------------------------------------

1. open方法

语法格式：

window.open(URL,窗口名称,窗口风格)

功能：打开一个新的窗口，并在窗口中装载指定URL地址的网页。

说明：

open方法用于打开一个新的浏览器窗口，并在新窗口中装入一个指定的URL地址；

open方法在打开一个新的浏览器窗口时，还可以指定窗口的名称(第二个参数)；

open方法在打开一个新的浏览器窗口时，还可以指定窗口的风格(第三个参数)，

窗口风格有以下选项，这些选项可以多选，如果多选，各选项之间用逗号分隔：

toolbar：指定窗口是否有标准工具栏。当该选项的值为1或yes时，表示有标准工具栏，当该选项的值为0或no时，表示没有标准工具栏；

location：指定窗口是否有地址工具栏，选项的值及含义与toolbar相同；

directories：指定窗口是否有链接工具栏，选项的值及含义与toolbar相同；

status：指定窗口是否有状态栏，选项的值及含义与toolbar相同；

menubar：指定窗口是否有菜单，选项的值及含义与toolbar相同；

scrollbar：指定当前窗口文档大于窗口时是否有滚动条，选项的值及含义与toolbar相同；

resizable：指定窗口是否可改变大小，选项的值及含义与toolbar相同；

width：以像素为单位指定窗口的宽度，已被innerWidth取代；

height：以像素为单位指定窗口的高度，已被innerHeight取代；

outerWidth：以像素为单位指定窗口的外部宽度；

outerHeight：以像素为单位指定窗口的外部高度；

left：以像素为单位指定窗口距屏幕左边的位置；

top：以像素为单位指定窗口距屏幕顶端的位置；

alwaysLowered：指定窗口隐藏在所有窗口之后，选项的值及含义与toolbar相同；

alwaysRaised：指定窗口浮在所有窗口之上，选项的值及含义与toolbar相同；

dependent：指定打开的窗口为当前窗口的一个子窗口，并随着父窗口的关闭而关闭，选项的值及含义与toolbar相同；

hotkeys：在没有菜单栏的新窗口中设置安全退出的热键，选项的值及含义与toolbar相同；

innerHeight：设定窗口中文档的像素高度；

innerWidth：设定窗口中文档的像素宽度；

screenX：设定窗口距离屏幕左边界的像素长度；

screenY：设定窗口距离屏幕上边界的像素长度；

titleBar：指明标题栏是否在新窗口中可见，选项的值及含义与toolbar相同；

z-look：指明当窗口被激活时，不能浮在其它窗口之上，选项的值及含义与toolbar相同。

open方法返回的是该窗口的引用。

小技巧：该方法经常用于在打开一个网页时自动打开另一个窗口。

2. close方法

语法格式：

window.close()

功能：close方法用于自动关闭浏览器窗口。

3. alert方法

语法格式：

window.alert(提示字符串)

功能：弹出一个警告框，在警告框内显示提示字符串文本。

4. confirm方法

语法格式：

window.confirm(提示字符串)

功能：显示一个确认框，在确认框内显示提示字符串，当用户单击“确定”按钮

时该方法返回true，单击“取消”时返回false。

5. prompt方法

语法格式：

window.prompt(提示字符串，缺省文本)

功能：显示一个输入框，在输入框内显示提示字符串，在输入文本框显示缺省文

本，并等待用户输入，当用户单击“确定”按钮时，返回用户输入的字符串，当

单击“取消”按钮时，返回null值。

6. setTimeout方法

语法格式：

window.setTimeout(代码字符表达式,毫秒数)

功能：定时设置，当到了指定的毫秒数后，自动执行代码字符表达式。

7. clearTimeout方法

语法格式：

window.clearTimeout(定时器)

功能：取消以前的定时设置，其中的参数是用setTimeout设置时的返回值。

8. setInterval方法

语法格式：

window.setInterval(代码字符表达式,毫秒数)

功能：设定一个时间间隔后(第二个参数)，反复执行“代码字符表达式”的内容

9. clearInterval方法

语法格式：

window.clearInterval(时间间隔器)

功能：取消setInterval设置的定时。其中的参数是setInterval方法的返回值。

10. moveBy方法

语法格式：

window.moveBy(水平位移量,垂直位移量)

功能：按照给定像素参数移动指定窗口。第一个参数是窗口水平移动的像素，第

二个参数是窗口垂直移动的像素。

11.moveTo方法

语法格式：

window.moveTo(x,y)

功能：将窗口移动到指定的指定坐标(x,y)处。

12. resizeBy方法

语法格式：

window.resizeBy(水平,垂直)

功能：将当前窗口改变指定的大小(x,y)，当x、y的值大于0时为扩大，小于0时

为缩小。

13. resizeTo方法

语法格式：

window.resizeTo(水平宽度,垂直宽度)

功能：将当前窗口改变成(x,y)大小，x、y分别为宽度和高度。

14. scrollBy方法

语法格式：

window.scrollBy(水平位移量，垂直位移量)

功能：将窗口中的内容按给定的位移量滚动。参数为正数时，正向滚动，否则反

向滚动。

15. scrollTo方法

语法格式：

window.scrollTo(x,y)

功能：将窗口中的内容滚动到指定位置。

16.find方法

语法格式：

window.find()

功能：当触发该方法时，将弹出一个“find”(查找)对话窗口，并允许用户在触

发find方法的页面中查找一个字符串。

注：该属性在IE5.5及Netscape6.0中都不支持。

17. back方法

语法格式：

window.back()

功能：模拟用户点击浏览器上的“后退”按钮，将页面转到浏览器的上一页。

说明：仅当当前页面存在上一页时才能进行该操作。

注：IE5.5不支持该方法，Netscape6.0支持。

18. forward方法

语法格式：

window.forward()

功能：模拟用户点击浏览器上的“前进”按钮，将页面转到浏览器的下一页。

说明：仅当当前页面存在下一页时才能进行该操作。

注：IE5.5不支持该方法，Netscape6.0支持。

19. home方法

语法格式：

window.home()

功能：模拟用户点击浏览器上的“主页”按钮，将页面转到指定的页面上。

注：IE5.5不支持该方法，Netscape6.0支持。

20. stop方法

语法格式：

window.stop()

功能：模拟用户点击浏览器上的“停止”按钮，终止浏览器的下载操作。

注：IE5.5不支持该方法，Netscape6.0支持。

21. print方法

语法格式：

window.print()

功能：模拟用户点击浏览器上的“打印”按钮，通知浏览器打开打印对话框打印

当前页。

22. blur方法

语法格式：

window.blur()

功能：从窗口中移出焦点。当与focus方法合用时必须小心，因为可能导致焦点

不断移进移出。

23. focus方法

语法格式：

window.focus()

功能：使窗口中得到焦点。当与blur方法合用时必须小心，因为可能导致焦点不

断移进移出。

24. captureEvent方法

语法格式：

window.captureEvent(Event)

window.captureEvent(事件1|事件2|...|事件n)

功能：捕捉指定参数的所有事件。由于能够捕获哪些由本地程序自己处理的事件

，所以程序员可以随意定义函数来处理事件。如果有多个事件需要捕捉，各事件

之间用管道符“|”隔开。可捕捉的事件类型如下：

Event.ABORT

Event.BLUR

Event.CHANGE

Event.CLICK

Event.DBLCLICK

Event.DRAGDROP

Event.ERROR

Event.FOCUS

Event.KEYDOWN

Event.KEYPRESS

Event.KEYUP

Event.LOAD

Event.MOUSEDOWN

Event.MOUSUEMOVE

Event.MOUSEOUT

Event.MOUSEOVER

Event.MOUSEUP

Event.MOVE

Event.RESET

Event.RESIZE

Event.SELECT

Event.SUBMIT

Event.UNLOAD

25. enableExternalCapture事件

语法格式：

window.enableExternalCapture(event)

功能：enableExternalCapture方法用于捕捉通过参数传入的外部事件。

26. disableExternalCapture事件

语法格式：

window.disableExternalCapture()

功能：取消enableExternalCapture方法的设置，终止对外部事件的捕捉。

27. handleEvent事件

语法格式：

window.handleEvent(event)

功能：触发指定事件的事件处理器。

28. releaseEvent事件

语法格式：

window.releaseEvent(event)

window.releaseEvent(事件1|事件2|...|事件n)

功能：释放通过参数传入的已被捕捉的事件，这些事件是由

window.captureEvent方法设置的，可释放的事件与captureEvent相同。

29. routeEvent事件

语法格式：

window.releaseEvent(event)

功能：把被捕捉类型的所有事件转交给标准事件处理方法进行处理，可转交的事

件与captureEvent相同。

30 scroll事件

语法格式：

window.scroll(X坐标,Y坐标)

功能：将窗口移动到指定的坐标位置。

window对象具有如下属性：

status

statusbar

statusbar.visible

defaultstatus

location

locationbar

locationbar.visible

self

name

closed

frames

frames.length

length

document

history

innerHeight

innerWidth

menubar

menubar.visible

opener

outerHeight

outerWidth

pageXOffset

pageYOffset

parent

personalbar

personalbar.visible

scrollbar

scrollbar.visible

toolbar

toolbar.visible

top

1. status属性

语法格式：

window.status=字符串

功能：设置或给出浏览器窗口中状态栏的当前显示信息。

小技巧：可以使用该属性设置浏览器窗口状态栏信息。

2. statusbar属性

语法格式：

window.statusbar.属性

功能：statusbar属性本身也是一个对象，用于访问它自已的visible属性从而确定状态栏是否可见。

注：IE5.5浏览器不支持该属性。

3. statusbar.visible属性

语法格式：

window.statusbar.visible

功能：检查状态栏是否可见，如果可见则返回true，反之返回false。

注：IE5.5浏览器不支持该属性。

4. defaultstatus属性

语法格式：

window.defaultstatus[=字符串]

功能：defaultstatus属性值是浏览器窗中状态栏的默认显示信息。

5.location属性

语法格式：

window.location=URL

功能：给出当前窗口的URL信息或指定打开窗口的URL。

6. locationbar属性

语法格式：

window.locationbar.属性

功能：locationbar属性也可以看成是一个子对象，这个属性用来获取它自已的visible属性来确定位置栏是否可见。到目前为止，该属性只有一个子属性：visible。

注：IE5.5不支持该属性。

7. locationbar.visible属性

语法格式：

window.locationbar.visible

功能：返回位置栏是否可见，如果可见返回true，反之返回false。

注：IE5.5不支持该属性。

8. self属性

语法格式：

window.self.方法

window.self.属性

功能：该属性包含当前窗口的标志，利用这个属性，可以保证在多个窗口被打开的情况下，正确调用当前窗口内的函数或属性而不会发生混乱。

9. name属性

语法格式：

window.name=名称

功能：返回窗口名称，这个名称是由window.open()方法创建新窗口时给定的。在javascript1.0版本中，这个属性只能用于读取窗口名称，而到了javascript1.1版本时，可以用这个属性给一个不是用window.open()方法创建的窗口指定一个名称。

10. closed属性

语法格式：

window.closed

功能：closed属性用于返回指定窗口的实例是否已经关闭，如果关闭，返回true，反之返回flase。

11. frames属性

语法格式：

window.frames["框架名称"]

window.frames[数值]

功能：frames属性是一个数组，用来存储文档中每一个由元素创建的子窗口(框架)实例，其中的下标即可以是次序号也可以是用FRAME元素的NAME属性指定的名称来得到并使用。

12. frames.length属性

语法格式：

window.frames.length

功能：frames.length属性用于给出文档中子窗口(框架)实例的个数。

13. length属性

语法格式：

window.length

功能：length属性返回一个窗口内的子窗口数目，该属性与window.frame.length属性的值相同。

14. document属性

语法格式：

window.document.事件

window.document.方法

window.document.属性

功能：window对象的子对象document是javascript的核心对象，在脚本中遇到BODY元素时创建一个实例。

15. history属性

语法格式：

window.history[数值]

window.history.方法()

window.history.属性

window对象的子对象history是javascript的核心对象之一，该属性包含了一个已访问过页面的名称和URL的数组。

16. innerHeight属性

语法格式：

window.innerHeight=数值

功能：返回或指定浏览器窗口中文档的像素高度，这个高度不包括任何工具栏和组成窗口的页面修饰高度。

注：IE5.5不支持该属性。

17. innerWidth属性

语法格式：

window.innerHeight=数值

功能：返回或指定浏览器窗口中文档的像素宽度，这个宽度不包括任何工具栏和组成窗口的页面修饰宽度。

注：IE5.5不支持该属性。

18. menubar属性

语法格式：

window.menubar.属性

功能：menubar属性也可以看成是一个子对象，这个属性用来获取它自已的visible属性来确定菜单栏是否可见。到目前为止，该属性只有一个子属性：visible。

注：IE5.5不支持该属性。

19. menubar.visible属性

语法格式：

window.menubar.visible

功能：menubar.visible属性用于返回菜单栏是否可见，如果可见返回true，反之返回false。

注：IE5.5不支持该属性。

20. opener属性

语法格式：

window.opener

window.opener.方法

window.opener.属性

功能：opener属性与打开该窗口的父窗口相联系，当访问子窗口中operer属性时，返回的是父窗口。通过该属性，可以使用父窗口对象中的方法和属性。

21. outerHeight属性

语法格式：

window.outerHeight

功能：outerHeight属性用于访问浏览器窗口的像素高度，该高度包括工具栏和装饰边的高度。

注：IE5.5不支持该属性。

22. outerWidth属性

语法格式：

window.outerWidth

功能：outerWidth属性用于访问浏览器窗口的像素宽度，该宽度包括工具栏和装饰边的宽度。

注：IE5.5不支持该属性。

23. pageXOffset属性

语法格式：

window.pageXOffset=数值

功能：指定浏览器窗口中文档左上角在窗口中的当前水平像素位置。在利用moveTo移动之前，可以通过该属性来决定是否需要移动窗口。因为该属性返回了可见文档相对整个页面的当前位置。

注：IE5.5不支持该属性。

24. pageYOffset属性

语法格式：

window.pageYOffset=数值

功能：指定浏览器窗口中文档左上角在窗口中的当前垂直像素位置。在利用moveTo移动之前，可以通过该属性来决定是否需要移动窗口。因为该属性返回了可见文档相对整个页面的当前位置。

注：IE5.5不支持该属性。

25. parent属性

语法格式：

window.parent.frames[数值]

window.parent.framesName

功能：访问各个子窗口(多框架)所在的父窗口。

26. personalbar属性

语法格式：

window.personalbar.属性

功能：personalbar属性本身也是一个对象，用于访问其自身的visible属性来确定个人栏是否可见。

注：IE5.5不支持该属性。

27. personalbar.visible属性

语法格式：

window.personalbar.visible

功能：确定个人栏是否可见，如果可见则返回true，反之返回false。

注：IE5.5不支持该属性。

28. scrollbars属性

语法格式：

window.scrollbars.属性

功能：scrollbars属性本身也是一个对象，用于访问其自身的visible属性来确定滚动栏是否可见。

注：IE5.5不支持该属性。

29. scrollbars.visible属性

语法格式：

window.scrollbars.visible

功能：scrollbars.visible用于确定滚动栏是否可见，如果可见则返回true，反之返回false。

注：IE5.5不支持该属性。

30. toolbar属性

语法格式：

window.toolbar.属性

功能：toolbar属性本身也是一个对象，用于访问它自已的visible属性从而确定工具栏是否可见。

注：IE5.5不支持该属性。

31. toolbar.visible属性

语法格式：

window.toolbar.visible

功能：toolbar.visible属性用于检查工具栏是否可见，如果可见则返回true，反之返回false。

注：IE5.5不支持该属性。

32. top属性

语法格式：

window.top.frames[数值]

window.top.frameName

window.top.方法()

window.top.属性

功能：window对象的top属性用于包含所有装入浏览器的子窗口(多框架)的最顶层窗口的信息。

例1：

<scrīpt>

document.write ("文哥网络技术学习网");

open ('1.htm','','height=100,width=300');

</scrīpt>

<!-------- 1.htm -------->

<TITLE>欢迎光临</TITLE>

<BODY >

<IMG SRC="images\welcome.gif" ALIGN="left">

<CENTER>

<FONT COLOR="blue" SIZE="5">欢迎光临</FONT><BR>

这是一个技术研习的小天地<BR>

</CENTER>

</BODY>

例2：

<scrīpt>

document.write("文哥网络技术学习网")

helloWin = open ('1.htm','','height=100,width=300');

var line1 = "<FONT COLOR='blue' SIZE='5'>欢迎光临</FONT><BR>"

var line2 = "这是一个技术研习的小天地"

helloWin.document.write (line1 + line2)

helloWin.document.title = "欢迎光临"

</scrīpt>

例3：

<scrīpt>

window.defaultStatus = "最棒的线上学习网站";

</scrīpt>

<A HREF="http://www.hubert.idv.tw" >

文哥网路技术学习网</A>

例4：

<scrīpt>

queryWin = open('1.htm','','height=100,')

</scrīpt>

利用子窗口来改变母窗口的底色

/* -------- 1.htm -------- */

<scrīpt>

function passToOpener(color) {

opener.document.bgColor = color;

self.close();

}

</scrīpt>

<CENTER>

请选择你喜欢的颜色?<BR>

<FONT > >浅蓝色<</FONT>

<FONT > >浅红色<</FONT>

</CENTER>

果不其然，门开后，一家子的人出现在客厅。以为只有传说中才会发生，没想到我们也遇上了。

有点委屈，漏水并不是忘记关掉水龙头，而是洗衣间的水漏出来的，但是毕竟我们有过，竟然溢出这么多水都不知道，果然房子的设计真的很重要，洗衣间的排水孔太小了。小记一下这生活的插曲。