JavaScript高級程序設計閱讀筆記（十五）瀏覽器中的JavaScript

2024-05-06 14:21:23

字體：大中小

來源：轉載

供稿：網友

Window對象

窗口操作
　　Window對象對操作瀏覽器窗口非常有用，開發(fā)者可以移動或調整瀏覽器窗口的大小?？捎盟姆N方法實現這些操作：
　　moveBy(dx,dy)：把瀏覽器窗口相對當前位置水平移動dx個像素，垂直移動dy個像素。dx值為負左移，dy為負上移。
　　moveTo(x,y)：移動瀏覽器窗口，使它的左上角位于用戶屏幕的(x,y)處?？梢允褂秘摂?，不過這樣會把部分窗口移出屏幕的可視區(qū)域。
　　resizeBy(dw,dh)：相對瀏覽器窗口當前大小，把窗口的寬度調整dw個像素，高度調整dy個像素。dw、dy為負時縮小窗口。
　　resizeTo(w,h)：把窗口的寬度調整為w，高度調整為h，不能使用負數。

注，FireFox跟Chrome默認不允許進行此操作，要在安全設置里更改

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

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

導航和打開新窗口

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

　　第三個參數可選值如下：

top=pixels窗口的 y 坐標。

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

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

示例：

<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>JavaScript打開新窗口            </SPAN>
</div>
</div>
<div   id="iwvjtn8m0"   class=page1>
<p align="center" class="pageLink"></p>
</div>

<div   id="iwvjtn8m0"   class="fenxiang">

<div style="text-align:left">上一篇：<a href='/wen/2024/05-06/1046574.html'>IFrame跨域高度自適應實現代碼</a></div>
<br>
<div style="text-align:left">下一篇：<a href='/wen/2024/05-06/1046576.html'>jquery動畫4.升級版遮罩效果的圖片走廊--帶自動運行效果</a></div>
<br>
<script src=/d/js/acmsd/gao21.js></script>

</div>

<div   id="iwvjtn8m0"   class="pinglun">

<script>
		  function CheckPl(obj)
		  {
		  if(obj.saytext.value=="")
		  {
		  alert("您沒什么話要說嗎？");
		  obj.saytext.focus();
		  return false;
		  }
		  return true;
		  }
		  </script><form action="/e/pl/doaction.php" method="post" name="saypl" id="saypl" onsubmit="return CheckPl(document.saypl)">
<table width="100%" border="0" cellpadding="0" cellspacing="0" id="plpost">

學習交流