Tôi làm cách nào để truy cập cây dom của cửa sổ con?

Question

tôi mở một cửa sổ mới bằng cách sử dụng đoạn mã sau:

purchaseWin = window.open("Purchase.aspx","purchaseWin2", "location=0,status=0,scrollbars=0,width=700,height=400"); 

tôi muốn truy cập các cây dom của purchaseWin, ví dụ

purchaseWin.document.getElementById("tdProduct").innerHTML = "2"; 

Nó không hoạt động. Tôi chỉ có thể làm điều này:

purchaseWin.document.write("abc"); 

tôi cũng cố gắng này và nó không hoạt động quá:

$(purchaseWin.document).ready(function(){ 

    purchaseWin.$("#tdProduct").html("2"); 

    }); 

Tôi nên làm gì?

Answer 1

Với jQuery, bạn phải truy cập vào contents của tài liệu của cửa sổ con của bạn:

$(purchaseWin.document).ready(function() { 
    $(purchaseWin.document).contents().find('#tdProduct').html('2'); 
}); 

Nếu không có thư viện, với đồng bằng JavaScript, bạn có thể làm theo cách này:

purchaseWin.onload = function() { 
    purchaseWin.document.getElementById('tdProduct').innerHTML = '2'; 
}; 

tôi nghĩ rằng vấn đề là bạn đang cố gắng lấy lại phần tử DOM trước khi cửa sổ con thực sự được nạp.

Answer 2

Có lẽ trường hợp tải trọng của jQuery làm việc cho bạn như thế này làm việc cho tôi trong một vấn đề tương tự, trong khi sự kiện đã sẵn sàng không làm việc:

$(purchaseWin).load(function(){ 
    purchaseWin.$("#tdProduct").html("2"); 
}); 

Answer 3

Bạn không thể truy cập vào tài liệu của một cửa sổ con nếu bạn nạp một trang không thuộc về miền của cửa sổ chính. Điều này là do bảo mật tên miền chéo được tích hợp vào Javascript.

Answer 4

(function() { 

    document.getElementById("theButton").onclick = function() { 

    var novoForm = window.open("http://jsbin.com/ugucot/1", "wFormx", "width=800,height=600,location=no,menubar=no,status=no,titilebar=no,resizable=no,"); 
    novoForm.onload = function() { 
     var w = novoForm.innerWidth; 
     var h = novoForm.innerHeight; 
     novoForm.document.getElementById("monitor").innerHTML = 'Janela: '+w+' x '+h; 
    }; 
    }; 
})();