Jaki jest sens document.defaultView?

Question

Jaki jest sens document.defaultView?

MDN says:

W przeglądarkach zwraca obiekt związany z okna dokumentu lub null, jeśli brak dostępnych.

Kod jak następuje (od PPK's site) wykorzystuje document.defaultView:

function getStyle(el,styleProp) 
{ 
    var x = document.getElementById(el); 
    if (x.currentStyle) 
     var y = x.currentStyle[styleProp]; 
    else if (window.getComputedStyle) 
     var y = document.defaultView.getComputedStyle(x,null).getPropertyValue(styleProp); 
    return y; 
} 

Kod taki można znaleźć w innych miejscach, takich jak David Mark Moja biblioteka. Nie jestem pewien, czy ludzie po prostu kopiują z PPK lub z innego źródła lub wymyślają to niezależnie, ale nie rozumiem tego.

Moje pytanie brzmi, jaki jest sens używania document.defaultView w takich przypadkach? Czy nie byłoby łatwiej napisać to w następujący sposób:

function getStyle(element, styleProp) { 
    if (element === ''+element) element = document.getElementById(element); 
    return element.currentStyle ? element.currentStyle[styleProp] : 
      getComputedStyle(x,null).getPropertyValue(styleProp); 
} 

Co document.defaultView.getComputedStyle zrobić window.getComputedStyle lub po prostu getComputedStyle nie?

---

Odpowiedź cwolves pozwoliła mi myśleć w dobrym kierunku. Oryginalna funkcja jest niemądra, brakuje punktu defaultView. Powyższa propozycja jest mniej głupia, ale brakuje też punktu defaultView. Oto moja nowa propozycja:

function getStyle(element, styleProp) { 
    var view = element.ownerDocument && element.ownerDocument.defaultView ? 
       element.ownerDocument.defaultView : window; 

    return view.getComputedStyle ? 
       view.getComputedStyle(element,null).getPropertyValue(styleProp) : 
      element.currentStyle ? 
       element.currentStyle[styleProp] : null; 
} 

Sam element musi zostać przekazany, a nie identyfikator. Myślę, że to prawdopodobnie i tak będzie preferowane. Otrzyma dokument zawierający węzeł i skojarzone z nim okno. Ma on awarię do bieżącego okna getComputedStyle, jeśli są uszkodzone (słabo pamiętam, że getComputedStyle jest w pobliżu przed defaultView). Prawdopodobnie jest to bliżej zamierzonego użycia defaultView.

Answer 1

Nie jestem w tym przekonany, ale wyobrażam sobie, że jest to wynikiem naprawienia błędu, który spowodował próbę uruchomienia kodu na oddzielnym dokumencie (np. Coś, co istnieje w pamięci, ale nie jest na stronie) lub próbuje uruchom na dokumencie w innym oknie (np. element iframe lub popup).

Zgodnie z Twoją ofertą, kiedy document.defaultView jest uruchamiany na dokumencie, który NIE jest bieżącym dokumentem, otrzymasz powiązany obiekt okna, czyli document.documentView.getComputedStyle !== getComputedStyle, ponieważ znajdują się one w różnych kontekstach.

Podsumowując, uważam, że jest ona zbliżona do document.window, która nie istnieje.

Answer 2

Jest to po prostu abstrakcja, o ile mogę to stwierdzić, na wypadek, gdyby dowolny agent użytkownika pojawił się z implementacją DOM, ale nie zapewnia widoku w postaci okna. Zobacz Views w DOM Level 2.

Answer 3

Według MDN getComputedStyle article,

W wielu próbki kodu online getComputedStyle stosowany jest od obiektu document.defaultView.

W prawie wszystkich przypadkach jest to niepotrzebne, ponieważ getComputedStyle istnieje również na obiekcie window.

Jest wielce prawdopodobne, wzór defaultview była jakaś kombinacja

1. ludzie nie chcąc napisać spec okna i
2. podejmowania API, który był również użyteczny w Javie.

Jednak istnieje a single case gdzie należy użyć defaultView „s metoda : podczas korzystania z Firefox 3.6, aby uzyskać dostęp style ramką.

Answer 4

OP zadaje pytanie: „Jaki jest sens document.defaultView”, a odpowiedź naprawdę nie ma nic wspólnego z getComputedStyle. Właściwość document.defaultView jest po prostu sposobem uzyskania obiektu window, jeśli ma się odniesienie do obiektu document zawartego w tym window. Istnieją przypadki, w których obiekt window, do którego chcesz się odwołać (lub defaultView), nie znajduje się w tym samym zasięgu okna, co używany kod.

Jednym z przykładów jest odniesienie do obiektu document w elemencie iframe i wygodne uzyskanie odwołania do obiektu iframe o wartości window.

Innym przypadkiem może być sytuacja, w której działa się w uprzywilejowanym kontekście w zakresie przeglądarki (np. Kod chrome w Firefoksie), a użytkownik ma odniesienie do obiektu o nazwie tabbrowser lub innego okna.

Albo, jak Dagg Nabbit zwraca uwagę, jeśli w każdym z tych przypadków masz odniesienie do elementu w oknie, można uzyskać dostęp do rodzica window tego elementu przez element.ownerDocument.defaultView