1. 程式人生 > >DOM主要對象屬性方法總結

DOM主要對象屬性方法總結

top value 其他 oca webkit idt 是否 信息 navig

DOM

window對象

  瀏覽器實例,全局對象

  1、窗口位置:

    screenTop,screenLeft(screenX,screenY):窗口相對於屏幕左邊和上邊的位置

    moveTo(x,y):將窗口移動到特定位置

    moveby(xpx,ypx):移動的像素數

  2、獲取窗口大小

    頁面視圖區大小:innerHeight,innerWidth

    瀏覽器窗口大小:outerHeight,outerWidth

    (在谷歌瀏覽器下他倆返回一樣的值)

    取得頁面視口信息:document.documentElement.clientWidth,document.documentElement.clientHeight

  3、調整窗口

    resizeTo(新寬度,新高度);//window.resizeTo(100,100);//將瀏覽器窗口調整為100x100,outerWidth和outerHeight訪問的值

    resizeBy(寬差,高差);//windo.resizeBy(100,50),//又將窗口調整為200x150,在原窗口寬度的基礎上增加了長度

  4、打開新窗口

    window.open();

    點擊打開一個寬高各100的新窗口

  技術分享圖片

    

    window.close();關閉窗口

    window.opener = null;切斷與原窗口的鏈接

  5、超時調用

    setTimeout(functionName,1000);

    取消超時調用:clearTimeout();

  技術分享圖片

  6、間歇調用

    setInterval();

    clearIntval();

  7、系統對話框:alert();confirm();prompt();

  技術分享圖片

location對象

  1、window.location 和document.location指向的是同一個對象

    技術分享圖片

  2、打開新鏈接  

    技術分享圖片

    location.href = "";:在原頁面上重新加載一個網頁

    window.open();:打開一個新窗口

    技術分享圖片

    技術分享圖片

      除了hash其他都會重新打開一個頁面

    

navigator對象

    關於瀏覽器的特殊標準,包含了檢測插件,註冊處理程序的方法

screen對象

   大多是用來獲取瀏覽器的外部窗口信息

history對象

  href="Javascript:history.back();"

  1、go()

   技術分享圖片

    技術分享圖片

  2、history.back();後退一頁

    history.forward();前進一頁

  3、length屬性

    if(history.length == 0)//判斷是否是新打開的頁面

    

    

    

DOM主要對象屬性方法總結