http://www.icoa.cn/a/617.html
http://my.oschina.net/xsh1208/blog/215811
1、方式1:
display:none|block;
display:none;
隱藏該html元素,確切的說,是在瀏覽器中消除該元素,不占屏幕的空間。若其下有其他元素,就會上移到該空間區域(好像桌子上有100塊錢,現在我把它放在抽屜里藏起來,桌子上放100錢的地方可以放在其他任何東西)。
dispaly:block;
顯示已經隱藏的html元素,如果別的元素占有了該空間時,他將下移,空間重新別原來的元素占有。(把100塊錢重新從抽屜里那出來放回桌子上)。
2、方式2:
visibility:hidden|visible;
visibility:hidden;
隱藏該元素,正真的隱藏,但他還占有那塊空間。這時,(桌子上有100塊錢,這是我蓋了桌布把他隱藏起來,錢還在那里)。
visibility:visible;
讓元素顯示(拿掉了桌布,看到了100塊錢)。
所以display和visibility控制的分別是html元素是否存在和是否顯示,display的屬性定義該元素存在或不存在,而visibility的屬性只是控制該元素是否顯示出來,實際上還是存在的。
注意:
使用display方式更人性化,但是,用div.style.display="none"隱藏會引起,div里面的東西休眠,里面的事件就不響應了。
最好將div里面的對象的width或height設成0.比如:div里面有一個player的iframe.
document.frames['player'].frameElement.height=0;
C
