2009年1月12日

window:方法四頁

window | 特徵一頁 | 二頁 | 三頁 | 四頁 | 五頁
方法一頁 | 二頁 | 三頁 | 四頁 | 五頁 | 六頁 | 七頁
操控器一頁 | 二頁 | 三頁 | 四頁 | 五頁 | 六頁 | 七頁 | 成員表
window 的方法

使用這些特徵時,可以用 window.method();也可以省略 window,直接用 method()。

getAttention()

吸引用戶的注意。不能用在網頁內容。

getComputedStyle()

取得指定元素的風格表物件。其語法是:

window.getComputedStyle(元素物件, 假元素)

元素物件是 HTML 元素的物件。假元素是字串,一般元素設為 null。此方法傳回風格表物件。此法取得的風格表物件是唯讀的,如要更改元素的風格表,則要用 元素物件.style.特徵。

  • 程式用法:

    <div id='urcss'>風格</div>
    <script type='text/javascript'>
    var o=document.getElementById('urcss');
    document.write( o.style +'<br />');
    document.write( o.style.color +'顏色<br />');
    o.style.color='red';
    document.write( o.style.color +'顏色<br />');
    document.write( getComputedStyle(o,null).color );
    </script>

  • 執行結果:

    風格
    [object CSSStyleDeclaration]
    顏色
    red顏色
    rgb(255, 0, 0)
  • IE 無此項;Firefox, Safari, Chrome 都執行成功。
  • 上例中,第一次輸出 o.style.color 沒有結果,使用時要注意。
getSelection()

傳回一個物件,內存用戶選擇的文字。

  • 程式用法:

    <script type='text/javascript'>
    function prText()
    {
      var o=document.getElementById('selText');
      o.value=getSelection();
    }
    </script>
    <a href='javascript:prText()'>印出文字</a><br />
    <input id='selText' size=24 />

  • 執行結果:

    印出文字

  • 先用滑鼠點選一段文字,使之反白。然後點擊印出文字。
  • IE 無此項;Firefox, Safari, Chrome 都執行成功。
home()

瀏覽器回到預定的家頁。限 Firefox 使用。

  • 程式用法:

    <a href='javascript:home()'>點此回到家頁</a>

  • 執行結果:

    點此回到家頁

moveBy()

移動瀏覽器至相對位置。其語法是:

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

單位是像素。

  • 程式用法:

    <a href='javascript:moveBy(20, 20)'>點此移動瀏覽器</a>

  • 執行結果:

    點此移動瀏覽器

  • Chrome 無此項;IE, Firefox, Safari 都執行成功。先將瀏覽器變成較小的視窗,再移動。Firefox, Safari 瀏覽器不會移出螢幕範圍。
moveTo()

移動瀏覽器至絕對位置。其語法是:

window.moveTo(水平位置, 垂直位置)

單位是像素。

  • 程式用法:

    <a href='javascript:moveTo(50, 50)'>點此移動瀏覽器</a>

  • 執行結果:

    點此移動瀏覽器

  • Chrome 無此項;IE, Firefox, Safari 都執行成功。先將瀏覽器變成較小的視窗,再移動。Firefox, Safari 瀏覽器不會移出螢幕範圍。

©2008-2009 by ant2legs, All Rights Reserved. ant2legs 擁有其製作的文章,圖片與程式的著作權,所有權利保留。