欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript高級程序設(shè)計 閱讀筆記(十五) 瀏覽器中的JavaScript

 更新時間:2012年08月14日 16:25:58   作者:  
Window對象對操作瀏覽器窗口非常有用,開發(fā)者可以移動或調(diào)整瀏覽器窗口的大小
Window對象

窗口操作
  Window對象對操作瀏覽器窗口非常有用,開發(fā)者可以移動或調(diào)整瀏覽器窗口的大小。可用四種方法實現(xiàn)這些操作:
  moveBy(dx,dy):把瀏覽器窗口相對當(dāng)前位置水平移動dx個像素,垂直移動dy個像素。dx值為負(fù)左移,dy為負(fù)上移。
  moveTo(x,y):移動瀏覽器窗口,使它的左上角位于用戶屏幕的(x,y)處。可以使用負(fù)數(shù),不過這樣會把部分窗口移出屏幕的可視區(qū)域。
  resizeBy(dw,dh):相對瀏覽器窗口當(dāng)前大小,把窗口的寬度調(diào)整dw個像素,高度調(diào)整dy個像素。dw、dy為負(fù)時縮小窗口。
  resizeTo(w,h):把窗口的寬度調(diào)整為w,高度調(diào)整為h,不能使用負(fù)數(shù)。

注,F(xiàn)ireFox跟Chrome默認(rèn)不允許進行此操作,要在安全設(shè)置里更改

效果(在IE瀏覽器中有效果):

[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]


導(dǎo)航和打開新窗口

  導(dǎo)航和打開新窗口用 window.open() 方法,該方法接受四個參數(shù),即要載入新窗口的頁面的URL,新窗口名字,特性字符串和說明是否用新載入的頁面替換當(dāng)前載入的頁面的Boolean值。一般只用前三個參數(shù),最后一個參數(shù)只有在window.open()打不開新窗口時才有效。

  第三個參數(shù)可選值如下:

top=pixels窗口的 y 坐標(biāo)。
left=pixels 窗口的 x 坐標(biāo)。以像素計。
height=pixels 窗口文檔顯示區(qū)的高度。以像素計。
width=pixels 窗口的文檔顯示區(qū)的寬度。以像素計。
resizable=yes|no 窗口是否可調(diào)節(jié)尺寸。默認(rèn)是 yes。
scrollable=yes|no 是否顯示滾動條。默認(rèn)是 yes。
location=yes|no 是否顯示地址字段。默認(rèn)是 yes。
status=yes|no 是否添加狀態(tài)欄。默認(rèn)是 yes。
toolbar=yes|no 是否顯示瀏覽器的工具欄。默認(rèn)是 yes。

特性字符串是以逗號分隔的,所以在逗號或等號后不能有空格。

示例:

[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]


document對象

  用document的open、write、close等方法可以向新打開的窗口中寫入內(nèi)容,如下所示:
復(fù)制代碼 代碼如下:

<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.dbjr.com.cn/2012/04/14/2446762.html#top?id=1,則:
  hash:#top
  host:www.cnblogs.com
  hostname:www.cnblogs.com
  href:http://www.dbjr.com.cn/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
您可能感興趣的文章:

相關(guān)文章

最新評論