Window對象
窗口操作 Window對象對操作浏覽器窗口非常有用,開發者可以移動或調整浏覽器窗口的大小。可用四種方法實現這些操作:
moveBy(dx,dy):把浏覽器窗口相對當前位置水平移動dx個像素,垂直移動dy個像素。dx值為負左移,dy為負上移。
moveTo(x,y):移動浏覽器窗口,使它的左上角位於用戶屏幕的(x,y)處。可以使用負數,不過這樣會把部分窗口移出屏幕的可視區域。
resizeBy(dw,dh):相對浏覽器窗口當前大小,把窗口的寬度調整dw個像素,高度調整dy個像素。dw、dy為負時縮小窗口。
resizeTo(w,h):把窗口的寬度調整為w,高度調整為h,不能使用負數。
注,FireFox跟Chrome默認不允許進行此操作,要在安全設置裡更改
效果(在IE浏覽器中有效果):
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
導航和打開新窗口 導航和打開新窗口用 window.open() 方法,該方法接受四個參數,即要載入新窗口的頁面的URL,新窗口名字,特性字符串和說明是否用新載入的頁面替換當前載入的頁面的Boolean值。一般只用前三個參數,最後一個參數只有在window.open()打不開新窗口時才有效。
第三個參數可選值如下:
top=pixels窗口的 y 坐標。
left=pixels
窗口的 x 坐標。以像素計。
height=pixels
窗口文檔顯示區的高度。以像素計。
width=pixels
窗口的文檔顯示區的寬度。以像素計。
resizable=yes|no
窗口是否可調節尺寸。默認是 yes。
scrollable=yes|no
是否顯示滾動條。默認是 yes。
location=yes|no
是否顯示地址字段。默認是 yes。
status=yes|no
是否添加狀態欄。默認是 yes。
toolbar=yes|no
是否顯示浏覽器的工具欄。默認是 yes。
特性字符串是以逗號分隔的,所以在逗號或等號後不能有空格。
示例:
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
document對象 用document的open、write、close等方法可以向新打開的窗口中寫入內容,如下所示:
復制代碼 代碼如下:
<script type="text/javascript">
function run(){
var oNewWin=window.open("about:blank","newwindow","height=300,width=400");
oNewWin.document.open();
oNewWin.document.write("<html><body><script>function test(){alert('test');}</scr"+"ipt><input type='button' value='test' onclick='test()'/></body></html>");
oNewWin.document.close();
}
</script>
<input type='button' value='run' onclick='run()'/>
location對象 location對象可以用來解析URL,例如 URL為:http://www.jb51.net/2012/04/14/2446762.html#top?id=1,則:
hash:#top
host:www.cnblogs.com
hostname:www.cnblogs.com
href:http://www.jb51.net/2012/04/14/2446762.html#top?id=1
pathname:/artwl/archive/2012/04/14/2446762.html
port:空白
protocol:http:
search:?id=1
作者:Artwl
出處:http://artwl.cnblogs.com